IE6下显示隐藏某个Element时出现“闪烁”问题的解决方案

来源:互联网 发布:电子科技大学网络登录 编辑:程序博客网 时间:2024/04/26 17:45
原代码如下:
    $(".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();//阻止事件冒泡
    })
0 0