ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryは何の疑いもなくアニメーションキューをクリアします

jqueryは何の疑いもなくアニメーションキューをクリアします

巴扎黑
リリース: 2017-06-30 11:40:03
オリジナル
1818 人が閲覧しました

$(this).siblings().stop().fadeTo(200, 0.3);
jqueryanimationにはキューがあり、実行する時間がない場合はeventによって生成されたアニメーションをキューに入れます。これらのイベント キュー イベントが終了したら、継続実行

アプリケーション シナリオ: 「mouseover/mouseout/mouseenter/mouseleave」などのイベントによって蓄積されたアニメーション キューによって引き起こされる「ちらつき」問題を解消するには、
する必要があります。特定の状況下では、最初に以前に蓄積されたアニメーション キューをクリアし、最後に最後のアニメーション アクションを実行します

要素の蓄積されたアニメーション キューをクリアするコマンドは「stop()」です。
見てみましょう。最初に w3school の回答で stop() の説明、これが最も権威があります:

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

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

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

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

如果接下来还有动画等待执行,(这也是常常用到的情况, 要不然也不会去管stop()了)则 "以当前状态开始" 接下来的动画。
ログイン後にコピー

stop() 実際の開発では、最も一般的に使用されるのは stop(true, true) です。 まず、現在のオブジェクトをクリアします。 (現在のアニメーションのパラメータが何であれ) および後続のすべてのアニメーション キューをクリアする必要があり、一般に現在のアニメーションの実行を完了する必要があります (この実行が完了した後は、中間の実行プロセスがないことに注意してください。ただし、クリアするときは、現在のアニメーションに直接ジャンプします ) そして、stop() メソッドを単独で使用することはほとんどありません プログラミング言語 、ここでは、js jquery PHP がコードの記述スタイルをサポートしていると言います:

その目的は、コードをすっきりとエレガントに見せることです

  • 高品質のコードはエレガンスと呼ばれます

    コードの書き方はエレガントです。詩を書くときのプログラムコードの書き方と配置方法は、すべて長文と短文で、1行に1つの単語と{,}が含まれる場合があります。きちんとしたコードは詩のように見え、通常の 8 部構成のエッセイよりもはるかにエレガントです
  • したがって、コードを記述するときは、意識的にコードを配置し、整列させる必要があります。

  • これらの言語では、キャリッジ リターンはスペースとタブに相当します。コードを整列させ、コードをより整頓して「エレガント」にするために、これら 3 つのタイプセット記号を「任意に」使用できます。もちろん、コードの実行には影響はありません。

以上がjqueryは何の疑いもなくアニメーションキューをクリアしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート