jQuery.stopのjumpToEnd引数が便利すぎてやばい（JavaScript Advent Calendar 2010 5日目） - KAYAC engineers' blog

JavaScript Advent Calendar 20105日目のago（@kyo_ago）です。 jQueryのソースを眺めててjQuery.stopに引数があることに気づいたので調べてみました。 まず、簡単なスライドダウンメニューを作ってみたいと思います。 jQuery.stop 1 - jsdo.it - share JavaScript, HTML5 and CSS JS部分は以下の通りです。 $(function () { $('div').hover(function () { $(this).find('ul').slideDown(); }, function () { $(this).find('ul').slideUp(); }); }); 少し触ると分かると思いますが、マウスがmenuから外れた後も何度も.slideDown、.slideUpが実行されるため非常に

[haryu0320]

たしかにやばい。感謝。

[torimoku]

スライドメニュー（プルダウン）の繰り返しを止めるスムーズな方法

[hashimoya]

jumpToEnd引数かー

[typista]

へぇ～、どこかで役に立ちそ。 RT @monjudoh: jQuery.stopのjumpToEnd引数が便利すぎてやばいKAYAC engineers' blog

[terkel]

tech.kayac.com

[blog0009]

jQuery.stopのjumpToEnd引数が便利すぎてやばい（JavaScript Advent Calendar 2010 5日目） | tech.kayac.com - KAYAC engineers' blog

[loungep]

スライドダウンメニューの例。

[site159]

確かに便利っす $(this).find('ul').stop(true, true).slideUp();

[Layzie]

jQueryは何だかんだと、公式のリファレンスが一番詳しい感じだよなあ。俺も念の為、.stopの第1引数入れてます！

[calpo]

ui.tabsのバグ回避に使えないかしら http://bugs.jqueryui.com/ticket/4854

[XIAORING]

jumpToEnd Dropdown Menu

[uk-ar]

どうでしょうか？最初のコードに対して.stop(true, true)を追加しただけですが、これだけで普通に使えるスライドダウンメニューになったのではないかと思います。 ちなみに第1引数（clearQueue）はその時点で実行待ちになって

[sw_lucchini]

ちょうど悩んでたところ

[akiyan]

.

[otchy210]

おおお、こんな簡単に解決できるとは！

[kkeisuke]

.stopの第2引数にtrueを渡してやると、アニメーションを停止した上で停止されたアニメーションの終了時点の表示まで処理を飛ばしてくれます。第1引数はその時点で実行待ちになっているアニメーションを全て停止させる。

[hisasann]

animateメソッドを使えば、stop時の高さ問題は回避できるのかな？。。。

[KeitaUtsuda]

これは便利！

[authority-site]

jQuery.stopのjumpToEnd引数が便利すぎてやばい（JavaScript Advent Calendar 2010 5日目） | tech.kayac.com

[efcl]

ユーザー操作によるアニメーションを制御するためにstopを使う

[b2rinfo]

これは素晴らしいサンプル。

[tan2net]

ドロップダウン

[ago_kyo]

最初見つけたときは便利すぎて叫びたくなるくらいショックだった