Heim > Web-Frontend > js-Tutorial > Hauptteil

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

黄舟
Freigeben: 2017-06-23 10:53:43
Original
1371 Leute haben es durchsucht

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();
});
Nach dem Login kopieren

: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");
    }
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage