javascript - jQuery stürzt ab, wenn in Firefox darauf geklickt wird. Wie kann ich das Problem lösen?

Question

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

Es ist im Grunde eine so einfache Struktur. Durch Klicken auf die WarpBox wird das Warpp angezeigt.

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

Das aktuelle Problem ist: Nach dem Anklicken wird auch das versteckte p angezeigt, es verschwindet aber nach einem Blitz wieder. Das Testen in anderen Browsern ist normal und es wird derzeit die neueste jQuery-Version verwendet.
Wie kann man es lösen? Was schief gelaufen ist? Danke!

Answer 1

终于找到原因了，原来火狐在执行完点击事件后，没有阻止这个事件而造成的这个死样子：

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

Answer 2

你应该把那些样式写进class里面，点击只需控制显示即可。还有，你用绝对定位，父容器就要使用相对定位哦！！