ホームページ > 記事 > ウェブフロントエンド > jqueryは何の疑いもなくアニメーションキューをクリアします
$(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()了)则 "以当前状态开始" 接下来的动画。
高品質のコードはエレガンスと呼ばれます
コードの書き方はエレガントです。詩を書くときのプログラムコードの書き方と配置方法は、すべて長文と短文で、1行に1つの単語と{,}が含まれる場合があります。きちんとしたコードは詩のように見え、通常の 8 部構成のエッセイよりもはるかにエレガントですしたがって、コードを記述するときは、意識的にコードを配置し、整列させる必要があります。
これらの言語では、キャリッジ リターンはスペースとタブに相当します。コードを整列させ、コードをより整頓して「エレガント」にするために、これら 3 つのタイプセット記号を「任意に」使用できます。もちろん、コードの実行には影響はありません。
以上がjqueryは何の疑いもなくアニメーションキューをクリアしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。