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/嗎？

它解決了我的問題。