Heim > Web-Frontend > js-Tutorial > jquery löscht die Animationswarteschlange ohne Zweifel

jquery löscht die Animationswarteschlange ohne Zweifel

巴扎黑
Freigeben: 2017-06-30 11:40:03
Original
1818 Leute haben es durchsucht

$(this).siblings().stop().fadeTo(200, 0.3);
jqueryanimation existiert in einer Warteschlange und die durch das Ereigniswird in eine Warteschlange gestellt. Wenn keine Zeit zum Ausführen dieser Ereigniswarteschlangen vorhanden ist, WeiterAusführung

Anwendungsszenario: Um Dinge wie „ Mouseover / Mouseout / Mouseenter / Mouseleave " Das „Flackern“-Problem, das durch die durch diese Ereignisse angesammelte Animationswarteschlange verursacht wird, erfordert

in einigen Fällen, dass zuerst die zuvor angesammelte Animationswarteschlange geleert und dann die letzte Animationsaktion ausgeführt wird.

Dieses klare Element Der Befehl für die akkumulierte Animationswarteschlange lautet „stop()“. Er hat zwei Parameter:

Schauen wir uns zunächst die Erklärung von w3school zu stop() an, die am aussagekräftigsten ist:

jQuery stop() 方法用于停止动画或效果,在它们完成之前。
stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。show, hide, toggle并不能算动画, 实质就是css的静态效果.

$(selector).stop(stopAll,goToEnd);
最重要的是, 要真正明白它的两个参数的含义:
[可选的 stopAll ]参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。
[可选的 goToEnd ]参数规定是否立即完成当前动画。默认是 false。即就停在当前状态.

因此,本来, 默认地,stop() 只是去 清除在被选元素上指定的当前动画。
Nach dem Login kopieren
stop(isStopAll, isGoToEnd)
// 默认的参数是true, false
// stop(true, false) 清除所有的队列, 不要继续执行完当前未执行完的动画
// 清除动画队列: 不是恢复到动画执行之前的状态, 而是执行到哪里, 就停止在哪里. 
// 如果该动画设置了 **执行完毕后** 的回调函数,则不会执行该回调函数(因为动画并没有执行完毕)
// 如果使用stop()方法,则会立即停止当前正在运行的动画,

// 参数isGoToEnd:是否将当前动画效果执行到最后,意思就是, 停止当前动画的时候, 假设动画效果刚刚执行了一般,
// 这个时候想要的是 "动画执行之后的效果,那么这个参数就为true"。否则动画效果就会停在stop执行的时候

如果接下来还有动画等待执行,(这也是常常用到的情况, 要不然也不会去管stop()了)则 "以当前状态开始" 接下来的动画。
Nach dem Login kopieren
Kein Zweifel an stop(): In der tatsächlichen Entwicklung ist die am häufigsten verwendete Methode stop(true, true). Löschen Sie zunächst den aktuellen Status des

-Objekts (die aktuelle Animation muss). unabhängig von den Parametern gelöscht werden) und anschließend Alle Animationswarteschlangen und im Allgemeinen die Ausführung der aktuellen Animation müssen abgeschlossen sein (beachten Sie, dass dieser Abschluss der Ausführung diesen Zwischenausführungsprozess nicht erfordert, sondern direkt zur aktuellen springt Wenn es keine klare gibt, sollte es den Endzustand erreichen . Verwenden Sie dann selten die Methode stop()

🎜>Programmiersprachen
$('ol li').mouseover(function(){
    $(this).siblings().stop(true, true).fadeTo(300, 0.3);
});
$('ol li').mouseout(function(){
    $(this).siblings().stop(true, true).fadeTo(300, 1);
});
Nach dem Login kopieren
Hier wird gesagt, dass js jquery php alle den Ausrichtungsstil für das Schreiben von Code unterstützt:

Der Zweck besteht darin, den Code ordentlich und elegant aussehen zu lassen
  • Was ist Eleganz und hohe Qualität?
  • Code schreiben ist so elegant wie Gedichte schreiben
  • Der Schreibstil und die Anordnung des Programmcodes sind genau gleich Es sind alles lange und kurze Sätze, manchmal eine Klammer {,}, also sieht ein guter und ordentlicher Code aus wie ein Gedicht, das für das Auge viel eleganter ist gewöhnlicher achtteiliger Aufsatz.

    Wenn Sie Code schreiben, müssen Sie Ihren Code
  • bewusst anordnen und ausrichten. Und js jquery php unterstützt diese Anordnung auch:
  • In diesen Sprachen entspricht der Wagenrücklauf dem Leerzeichen und dem Tabulatorzeichen. Um Ihren Code auszurichten und ihn übersichtlicher und „eleganter“ zu gestalten, können Sie diese drei Satzsymbole verwenden. willkürlich". Natürlich hat es keine Auswirkungen auf die Ausführung Ihres Codes!

Das obige ist der detaillierte Inhalt vonjquery löscht die Animationswarteschlange ohne Zweifel. 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