Achèvement immédiat de la file d'animation dans jQuery

Question

Je dois arrêter l'animation et compléter instantanément toutes les animations en attente.
stop ne fonctionne pas:
Disons que je animation qui se déplace élément qui est 0px par 100px et je l'utilise arrêt quand il a déménagé seulement 50px. Le résultat sera un élément au 50px. Le résultat que je veux est quand j'interromps l'animation, même si l'élément est à 50px il sautera immédiatement à 100px.
Comment est-ce que je fais cela?

Answer 1

$.fn.stop() a l'option d'effacer la file d'attente et de passer à la fin.

Il suffit de faire quelque chose comme: $('#foo').stop(true, true);

Answer 2

trouvé cela à http://forum.jquery.com/topic/stop-true-true-animation-chains-and-callbacks

(function($){ 
    $.fn.extend({ 
     hardStop: function(){ 
      return this.each(function(){ 
       var e = $(this); 
       while (e.queue().length){ 
        e.stop(false, true); 
       } 
      }); 
     } 
    }); 
})(jQuery); 

utiliser par

$("#element").hardStop(); 

Si cela ne fonctionne pas, peut-être changer votre code original:

$("#abc").stop().animate(... 

Answer 3

Spécifiez manuellement le dernier état, ne soyez pas paresseux. Je suis sûr que vous pouvez le faire :)

$('#foo').stop(true, true); 
$('#foo').css({x, '100px'});