2011-04-17 20 views
5

tengo lista de menú comocaso mouseleave no funciona en absoluto elemento hijo

<ul class="systeMenus"> 
    <li> 
     <ul> 
      <li></li> 
      <li></li> 
      <li></li> 
     </ul> 
    </li> 
    <li></li> 
</ul> 

La primera ul etiqueta se abre de alguna otra onmouseover caso del enlace en otro marco de marcos.

El 2 ul abre mediante CSS display:block;position:absolute; left:175px; a los padres li al igual que un menú aparece en el interior de padres li etiqueta y se esconde en onmouseout evento en la misma etiqueta li.

¿Cómo puedo ocultar estos dos UL cuando mouseenter en el cuerpo. Como probé $('body').mouseenter y parent $('ul.systeMenus').mouseleave. Como tengo problemas en ambas implementaciones.

Cualquier ayuda es apreciada.Consulte la solución.

+0

¿Puedes publicar un [violín] (http://jsfiddle.net) mostrando cuál es el problema? –

+0

Supongo que esto está sucediendo en IE ... Acabo de encontrar lo mismo: porque el elemento es AP, ¿el evento mouseleave se activa cuando pasas el mouse sobre el relleno, el margen o el espacio del borde? Eso está sucediendo en mi caso, creo que es porque el elemento AP no se considera dentro de su matriz en IE. – danjah

Respuesta

1

intente utilizar el vuelo estacionario con jQuery

Algo así:

$("ul").hover(function(){ //triggered on mouseEnter}, function(){ //triggered on MouseLeave}); 

Tengo un problema en IE una vez con MouseEnter y mouseLeave, el vuelo estacionario arregló.

Si no está funcionando, publique un violín. Pero a estas alturas quizás hayas solucionado tu problema.

Cuestiones relacionadas