IE6下顯示隱藏某個Element時出現“閃爍”問題的解決方案
原代碼如下:
$(".topic").hover(function(){
$(this).parent().next().show();
},function(){
$(this).parent().next().hide();
})
顯示/隱藏class爲topic的下一個Element,當鼠標離開時會出現“閃爍”現象,其他瀏覽器正常,唯IE6,主要原因是javascript的“事件冒泡”,主要解決方法則是阻止事件冒泡。
修改後代碼如下:
$(".topic").hover(function(){
$(this).parent().next().show();
},function(event){
$(this).parent().next().hide();
event.stopPropagation();//阻止事件冒泡
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.