Foros del Web » Programando para Internet » Jquery »

plugin en jquery

Estas en el tema de plugin en jquery en el foro de Jquery en Foros del Web. Hola tengo el seguiente plugin que e creado @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original jQuery. fn . menu = function ( tiempo ) { ...
  #1 (permalink)  
Antiguo 27/05/2012, 20:33
Avatar de xlos_mas_pro  
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 13 años, 7 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

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:20.