Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/05/2012, 20:33
Avatar de xlos_mas_pro
xlos_mas_pro
 
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 13 años, 11 meses
Puntos: 11
plugin en jquery

Hola tengo el seguiente plugin que e creado
Código Javascript:
Ver original
  1. jQuery.fn.menu = function(tiempo) {
  2. this.each(function(){
  3.  
  4.     var retardo;
  5.     var posicion = $(this).offset();
  6.     $(this).mouseenter(function(){
  7.         clearTimeout(retardo)
  8.         $(this).children('.uls').css({
  9.             "left" : posicion.left,
  10.             "top" : (posicion.top + $(this).innerHeight())+"px",
  11.             "width" : $(this).innerWidth()
  12.         });
  13.         $(this).children('.uls').fadeIn(500);
  14.     });
  15.    
  16.     $(this).mouseleave(function(){
  17.         clearTimeout(retardo); 
  18.         retardo = setTimeout("$('.uls').fadeOut(500)",tiempo)
  19.     });
  20. });
  21. return this;
  22. };
Y se lo aplico a este menu
Código HTML:
Ver original
  1. }
  2.             <nav id="menu">
  3.                 <ul>
  4.                     <li class="lis">Mensajeria
  5.                         <ul class="uls">
  6.                             <?php echo $this->enlaces->lis('enviar/mensaje','Enviar'); ?>
  7.                             <?php echo $this->enlaces->lis('mensajes/inbox','Bandeja'); ?>
  8.                         </ul>
  9.                     </li>
  10.            
  11.                     <li class="lis">Avisos(Empleos)
  12.                         <ul class="uls">
  13.                             <?php echo $this->enlaces->lis('enviar/mensaje','Publicar Aviso'); ?>
  14.                             <?php echo $this->enlaces->lis('mensajes/inbox','Ver Avisos'); ?>
  15.                         </ul>
  16.                     </li>
  17.  
  18.                 </ul>
  19.             </nav>
y lo aplico haci
Código Javascript:
Ver original
  1. $(document).on("ready", function(){
  2.         $('#menu .lis').menu(1000);
  3.     });

pruebenlo por favor lo que quiero hacer es que cuando se pongo el mouse sobre otro li que no sea el que se encuentre abierto el ul dentro del li osea el menu desplegable se cierre automaticamente sin esperar, y si es que uno pusiera el mouse fuera del li del menu pero no en otro li se hiciera la espera antes del cierre