jquery delegate() 事件（鼠标悬停、鼠标悬停）触发两次

Question

我有以下脚本，总是触发鼠标悬停和鼠标移出两次！ 你建议我做错了什么（解除绑定，返回例如）？我尝试了一些事情但是 没有任何帮助。

这是代码：

  $('#container').delegate('div.showmenu', 'mouseover mouseenter mouseout mouseleave', function(e){
  if (e.type === 'mouseover' || e.type==='mouseenter') { //jIE requires mouseenter, does not fire mouseover                                 
        if($(this).parents().closest('div').hasClass('whatever')){            
          alert(e.type);  //double-alerts mouseover

          menu.show();

    foldercmenu.hover(
        function(){
            $(this).show();                             
        },
        function(){
            $(this).hide();                                             
        }
    );                              

        }else {
    //do other stuff :-)
    }                                               
  }else if(e.type==='mouseout' || e.type==='mouseleave'){  //IE requires mouseleave, does not fire mouseout  
        alert(e.type);  //double-alerts mouseout
        menu.hide();
        $(this).unbind('mouseover mouseenter mouseout mouseleave');
  }
  //return false;   
});

Answer 1

当您进入/离开元素的子元素时，会触发 mouseover 和 mouseout ，也许这就是您看到的效果。

另一个问题是您将处理程序绑定到 mouseover 和 mouseenter （以及 mouseleave 和 鼠标移开）。

仅绑定到 mouseenter 和 mouseleave。 jQuery 已经解决了浏览器的差异。

Answer 2

我有类似的东西 .delegate();

您检查过 http://api.jquery.com/event.stopImmediatePropagation/ 吗？

它解决了我的问题。