<p id='warpBox' class='warp'>點(diǎn)我</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!
閉關(guān)修行中......
終于找到原因了,原來(lái)火狐在執(zhí)行完點(diǎn)擊事件后,沒有阻止這個(gè)事件而造成的這個(gè)死樣子:
$('#warpBox').on('click',function(e){
e.stopPropagation(); //OK
$('.warpp').css({
'position': 'absolute',
'top': '50%',
'left': '35%'
})
})
你應(yīng)該把那些樣式寫進(jìn)class里面,點(diǎn)擊只需控制顯示即可。還有,你用絕對(duì)定位,父容器就要使用相對(duì)定位哦!!