Maison  >  Article  >  interface Web  >  Explication détaillée de la différence entre stop() et :is(:animated) dans jquery

Explication détaillée de la différence entre stop() et :is(:animated) dans jquery

黄舟
黄舟original
2017-06-23 10:53:431363parcourir

stop(true,true) :

signifie arrêter l'animation en cours de l'élément correspondant et passer à l'état final, effaçant l'animation inachevée file d'attente . Souvent utilisé pour "résoudre le problème des effets d'animation incohérents et des mouvements du curseur causés par un déplacement trop rapide du curseur" ! Méthode

jQuery stop()

La méthode jQuery stop() est utilisée pour arrêter les animations ou les effets avant qu'ils ne soient terminés. La méthode

stop() fonctionne avec toutes les fonctions des effets jQuery, y compris les diapositives, les fondus et les animations personnalisées.

Syntaxe

$(selector).stop(stopAll,goToEnd); Le paramètre facultatif stopAll spécifie si la file d'attente d'animation doit être effacée. La valeur par défaut est false, ce qui arrête uniquement les animations actives, permettant ainsi à toutes les animations en file d'attente de s'exécuter à l'envers.

Le paramètre facultatif goToEnd spécifie s'il faut terminer l'animation en cours immédiatement. La valeur par défaut est faux.

Ainsi, par défaut, stop() effacera l'animation actuelle spécifiée sur l'élément sélectionné.

L'exemple suivant montre la méthode stop() sans paramètres :

$("#stop").click(function(){
 $("#panel").stop();
});

:is(":animated") :animated est un sélecteur jQ qui sélectionne tous les éléments animés

Déterminez si l'élément est dans un état animé. Il est souvent utilisé lorsque vous « cliquez continuellement sur le bouton précédent/suivant et ne répondez qu'au premier clic de l'utilisateur ».

if(!$("#lunbolist li").is(":animated")){
      $("#lunbolist li").filter(".on").hide();
      $("#lunbolist li").eq(currentindex).fadeIn(100).addClass("on").siblings().removeClass("on");
      $(this).addClass("on").siblings().removeClass("on");
    }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn