Maison > interface Web > js tutoriel > 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

黄舟
Libérer: 2017-06-23 10:53:43
original
1382 Les gens l'ont consulté

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();
});
Copier après la connexion

: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");
    }
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal