jquery delegate（）イベント（mouseover mouseout）が2回発生します

Question

私はmouseoverとmouseoutを常に2回発射する以下のスクリプトを持っています！ 私は間違っていると示唆しています（アンバインド、返品など）？私はいくつかのことを試みたが、 何も助けなかった。ここ

コードです：

$('#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/をチェックしましたか？

問題が修正されました。