2012-04-17 14 views
1

を引き起こすように見えるこのjsfiddleを参照してください:基本的にhttp://jsfiddle.net/kZA8D/フェードイン&フェードアウトが重複

、私は高速リンク過去/を通って移動し、両方college_boxとlanding_login_formのdivが表示されたときに。これは、再現するために数回かかることがありますが、それはこのように見える終わる:何が起こっている

enter image description here

?私はまだあなたには、いくつかの他のアニメーションを追加すると、イベントキュー上のアニメーションがあるので、それが起こって

答えて

2

更新されたリンク:その2つの異なる要素のでhttp://jsfiddle.net/J67Dr/1/

そのキューイングの問題とこの場合.stop()では、それをカットするつもりはありません。したがって、ある要素が隠されていても、他の要素がアニメーション化されている間にアニメーションがキューに入れられているシナリオになります。私はあなたがフィドルに示すよう両方のベストプラクティスとして.stop().dequeueを使用することを推奨します。

オプション2

http://jsfiddle.net/4jv6B/

使用だけでなく、.stopアイテムそのものではなく、ラッパー要素をフェード。いくつかの奇妙さ(コメントを参照)のために私はオプション2をお勧めします。あなたのDOMを維持しようとしていたが、ああ。

+0

もう一度試してみてください。今は部分的に色あせたテキストが残っています。 – Mathletics

+0

あなたは正しいです。私はフィドルを更新しました。 – Fresheyeball

+0

フレズアイボール - 更新されたフィドルはありますか?あなたのポストにあるものは、まだ私のために部分的な退色を引き起こします...あなたの助けをありがとう! –

0

...このグリッチが起こっている理由を、私は見ていない、シンプルなホバー機能を持ちます。 jQueryの関数.stop()を見てみてください。

0

これは、1つのアニメーションは他の完成前に開始されていることを、基本的です。

私はこれを解決するために、あなたのフィドルを更新しています。一秒。

+0

、そんなにありがとう! –

0

他の回答に記載されているように、Queにはアニメーションがあります。経験を積んだようにそれらを削除しないので、これを修正する方法は.stop(true)です。 (したがって "true")

このフィドル:http://jsfiddle.net/kZA8D/4/これは、あなたのフィドルの小さな書き換えですが、それはコールバック機能のためのバグです。信じられないだろう

関連する問題