原代码如下:
$(
".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();
//阻止事件冒泡
})