Tema: Query bug
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 11/09/2012, 05:08
Avatar de patilanz
patilanz
 
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Respuesta: Query bug

Cita:
Iniciado por kikeking1 Ver Mensaje
Eso no es un bug de Jquery,

Lo que pasa que cuando haces el segundo evento (onmouseout) el primero aun sigue ejecutandose (onmouseover) ya que hay un tiempo de ejecución.

Si esperas a que se acabe la animación cuando pones el raton encima y luego lo sacas, veras que si funciona correctamente.

Como evitarlo, con la funcion stop(). Te pongo un ejemplo para que lo veas (se puede usar eventos mejores para la asignación de mouseover, mouseout, pero para que se vea nos vale).

Código:
$("#ti2").mouseenter(function(){
  $("#ptv").stop().animate({ top: -2 },50);
}).mouseleave(function(){
  $("#ptv").stop().animate({ top: 0 },50);
});
Si te fijas, hago una llamada a .stop() antes de llamar a animate, con eso consigo que cualquier animación en la pila de ejecución del objeto, pare radicalmente este donde este, y comience la animación que indico inmediatamente.

Si tienes mas dudas de eso consultanos.

P.D.: te aconsejo que leas tambien sobre el burbujeo de eventos, pues puede darte algun problema de funcionamiento parecido [se ejecutan eventos cuando no deben, actuan arbitrariamente, etc..], pero es algo distinto y se soluciona usando preventDefault() y no stop(). Echale un ojo y que no te pille desprevenido ;).

Un saludo, y espero haberte ayudado.
Gracias lo probe y funciona con animate pero con show() y hide() no funciona bien...
Un saludo