sự kiện jquery delegate() (mouseout mouseout) kích hoạt hai lần

Question

tôi có kịch bản sau đây kích hoạt tính năng di chuột qua và di chuột luôn luôn hai lần! bạn đề nghị tôi làm gì sai (unbind, return e.g.)? tôi đã thử một vài điều nhưng không có gì hữu ích.

đây là mã:

$('#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 và mouseout một kích hoạt khi bạn nhập/rời khỏi một đứa trẻ của nguyên tố này, có lẽ đó là hiệu ứng mà bạn đang nhìn thấy.

Một vấn đề khác là bạn đang ràng buộc xử lý cho cả hai, mouseovervàmouseenter (và mouseleave và mouseout).

Chỉ liên kết với mouseenter và mouseleave. jQuery đã quan tâm đến sự khác biệt của trình duyệt.

Answer 2

Tôi đã có một cái gì đó tương tự với .delegate();

Bạn đã xem http://api.jquery.com/event.stopImmediatePropagation/ chưa?

Nó đã khắc phục được sự cố của tôi.