0

ロールオーバー効果のあるドロップダウンメニューがあります。

ユーザーが第1メニューレベルの項目をロールオーバーしたときに、他のすべてのメニュー項目でまだ残っているすべてのドロップダウンアニメーションを停止したいと思います。しかし、私はこの単純なコードをすべての混乱に適用する方法を見つけることができません。

この問題には3つの解決策があります。

  1. 文学は、アニメーションなしですべてのドロップダウンを閉じるだけです。
  2. アニメーションで閉じます。
  3. またはアニメーションを停止します

2つの解決策は素晴らしいでしょう。アイテムをロールオーバーすると、アニメーションで他のすべてのドロップダウンを閉じます。今のところ、どのソリューションでもうまくいきます。

アップデート：

私の最終結果は次のとおりです。

$('.dropdown:animated').not(this).not('.selected').stop().hide();
4

1 に答える 1

1

あなたはこのようなことをすることができます：

$(':animated').stop();

これにより、現在アクティブなすべてのアニメーションが停止します。ただし、開いているメニュー項目は閉じません。

開いているアイテムを閉じたい場合は、メニューアイテムが通常どのように閉じられているかを確認し、それをラップされたセットに適用します。例：これは機能する可能性があります：

$(':animated').stop().hide();
于 2012-12-17T20:44:32.467 に答える