Detaillierte Erklärung des Unterschieds zwischen stop() und :is(:animated) in jquery

stop(true,true):

bedeutet, die laufende Animation des passenden Elements zu stoppen und zum Endzustand zu springen, wodurch die unvollendete Animationswarteschlange gelöscht wird . Wird oft verwendet, um „das Problem inkonsistenter Animationseffekte und Cursorbewegungen zu lösen, die durch zu schnelles Hinein- und Herausbewegen des Cursors verursacht werden“!

jQuery stop()-Methode

jQuery stop()-Methode wird verwendet, um Animationen oder Effekte zu stoppen, bevor sie abgeschlossen sind. Die

stop()-Methode funktioniert mit allen jQuery-Effekt-Funktionen , einschließlich Folien, Überblendungen und benutzerdefinierten Animationen.

Syntax

$(selector).stop(stopAll,goToEnd); Der optionale stopAll-Parameter gibt an, ob die Animationswarteschlange geleert werden soll. Der Standardwert ist „false“, wodurch nur aktive Animationen gestoppt werden und alle in der Warteschlange befindlichen Animationen rückwärts ausgeführt werden können.

Der optionale goToEnd-Parameter gibt an, ob die aktuelle Animation sofort abgeschlossen werden soll. Der Standardwert ist falsch.

Stop() löscht also standardmäßig die aktuelle Animation, die für das ausgewählte Element angegeben ist.

Das folgende Beispiel demonstriert die stop()-Methode ohne Parameter:

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

:is(":animated") :animated ist ein jQ-Selektor, der alle animierten Elemente auswählt

Bestimmen Sie, ob sich das Element in einem animierten Zustand befindet. Dies wird häufig verwendet, wenn „kontinuierlich auf die Schaltfläche „Vorheriger/Weiter“ geklickt wird und nur auf die erste Klickaktion des Benutzers reagiert wird.

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");
    }

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Unterschieds zwischen stop() und :is(:animated) in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!