2

別の高速マウス ホバー アニメーションの問題。

ホバーすると html() テキストを返す 3 つのホバー可能な div があります - HTML:

<div id="hoverableDivs_container" class="hoverableDiv">
    <div id="hoverableDiv1" class="hoverableDiv"><p>Hoverable<br>div 1</p></div>
    <div id="hoverableDiv2" class="hoverableDiv"><p>Hoverable<br>div 2</p></div>
    <div id="hoverableDiv3" class="hoverableDiv"><p>Hoverable<br>div 3</p></div>
</div>

<div id="infoBox">
    <p>InfoBOX</p>
    <div id="infoBox_inactive"></div>
    <div id="infoBox_active"></div>
</div>

フィドル。

もし私が：

  • ホバー可能な div を高速に mouseenter/mouseleave すると、すべてめちゃくちゃになります。
  • ある div から別の div に移動すると、すべてが台無しになります

考えられるあらゆる方法でstop()を試しましたが、適切に機能させることができません (今のところ stop() を削除しました)。

それが機能する唯一の方法は、同じ div でゆっくりと mouseenter/mouseleave することです (in と out と back in)。

助けてください。

ペドロ

4

1 に答える 1

1

.stop()すべてのアニメーション メソッドの前にメソッドを使用します。要素で呼び出された場合、現在実行中のアニメーション (存在する場合) はすぐに停止します。

ここでフィドルの作品を参照してください。

コードをより適切に最適化するには、削除.stop()してみて、どこがめちゃくちゃになっているかを確認し、必要な場所を残してください。.stop簡単にするために、アニメーション メソッドの前に追加しました。

于 2013-05-31T09:41:37.440 に答える