jquery delegate() eventos (mouseover mouseover) se dispara dos veces

Question

Tengo el siguiente guión disparando mouseover y mouseout siempre dos veces! ¿qué sugieres que hago mal (desvincular, devolver, por ejemplo)? Probé algunas cosas, pero nada ayudó.

Aquí está el código:

$('#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 y mouseout una activa cuando se introduce/Escribir un hijo del elemento, tal vez eso es el efecto que está viendo.

Otro problema es que va a enlazar el controlador a la vez, mouseoverymouseenter (y mouseleave y mouseout).

Unir solo a mouseenter y mouseleave. jQuery ya se está ocupando de las diferencias del navegador.

Answer 2

Tuve algo similar con .delegate();

¿Has echado un vistazo http://api.jquery.com/event.stopImmediatePropagation/?

Solucionó mi problema.