Problèmes de file d'attente JQuery

Question

Avoir un problème avec l'un de mes scripts. L'animation continue de faire la queue. J'ai cherché vos solutions sur vos forums. J'ai essayé stop (true, true) et quelques variantes de cela ainsi que queue: false.

Peut-être que je viens de le mettre au mauvais endroit, je ne suis pas encore à 100% à l'aise avec jQuery.

La fonction ressemble à ceci pour le moment;

jQuery(document).ready(function($) { 
    $('div.wp-caption').each(function(i) { 

     var img_ = $('img', this);   
     var img_height = img_.attr('height'); 
     var p_height = $('p', this).outerHeight(); 

     $(this).height(img_height); 

     $(this).hover(function() { 
      img_.animate({marginTop : -p_height}, 500); 
     }, function() { 
      img_.animate({marginTop : '0'}, 500); 
     });     
    });  
}); 

Answer 1

stop() devrait fonctionner très bien si vous mettez avant la méthode .animate():

$(this).hover(function() { 
    img_.stop().animate({marginTop : -p_height}, 500); 
}, function() { 
    img_.stop().animate({marginTop : '0'}, 500); 
}); 

Answer 2

Essayez d'effacer la file d'attente d'animation:

  $(this).hover(function() { 
       img_.stop(true, true).animate({marginTop : -p_height}, 500); 
      }, function() { 
       img_.stop(true, true).animate({marginTop : '0'}, 500); 
      }); 

Les true, true arguments indiquent jQuery pour effacer la file d'attente et sautez à la fin de l'animation.

Answer 3

Essayez de mettre le .stop() avant que les .animate

$(this).hover(function() { 
    img_.stop().animate({marginTop : -p_height}, 500); 
}, function() { 
    img_.stop().animate({marginTop : '0'}, 500); 
});