jQuery的委托（）事件（鼠标悬停鼠标）两次火灾

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和mouseout）。

仅绑定到mouseenter和mouseleave。 jQuery已经在照顾浏览器的差异。

Answer 2

我有类似的.delegate（）;

您签出了http://api.jquery.com/event.stopImmediatePropagation/吗？

它解决了我的问题。