javascript - jQuery 在firefox點擊出現閃退，怎麼解決？

Question

<p id='warpBox' class='warp'>点我</p>
<p class='warpp' style="display: none;">
    <img src ='' />
    <p class='title'>图片名称</p>
    <p class='dec'>图片描述</p>
</p>

大體上就是這麼簡單的結構，透過點選warpBox，顯示warpp.

$('#warpBox').on('click',function(e){
    $('.warpp').css({
        'position': 'absolute',
        'top': '50%',
        'left': '35%'
    })
})

現的問題是：點擊後，隱藏的p也顯示，但一閃就退。在其它瀏覽器測試均正常，目前使用的是最新的jQuery版本。
請問該怎麼解決？是哪裡出了問題？謝謝！

Answer 1

終於找到原因了，原來火狐在執行完點擊事件後，沒有阻止這個事件而造成的這個死樣子：

$('#warpBox').on('click',function(e){
    e.stopPropagation();  //OK
    $('.warpp').css({
        'position': 'absolute',
        'top': '50%',
        'left': '35%'
    })
})

Answer 2

你應該把那些樣式寫進class裡面，點選只要控制顯示即可。還有，你用絕對定位，父容器就要使用相對定位！ ！