2011-01-07 14 views
3

希望があればうれしいです。ここに私の基本的なコードです:私たちは、ID =「コンテナ」とdiv要素の上に置くとJquery Hoverちらつき問題

このデモでhttp://jsfiddle.net/kr9pY/7/

あなたが見ることができ、クラスでDIV =「NAV」にフェードしかし、問題は、ということです後。これは、divでclassをナビゲートしてdivをフェードアウトさせた後、.nav div内のカーソルを少し動かすと、繰り返しこの動作が繰り返されます。このdiv内の.nav divまたはmoverカーソルにマウスカーソルを合わせると、この動作が欲しくなりません。

ありがとう、私の悪い英語を申し訳ありません。

答えて

8

http://api.jquery.com/stop/

から撮影

$(document).ready(function(){ 

    $("#containerNav").hover(
    function() { $('.nav').stop(true, true).fadeIn(); }, 
    function() { $('.nav').stop(true, true).fadeOut(); } 
    ); 
    }); 

を試してみて、私は去るが呼び出され、マウスを停止しただけでなく、含むdiv要素を追加するためにマークアップを変更しました。

あなたがコントロール上にマウスを置いたときに、瞬きを引き起こすマウスが動かないようにします。

http://jsfiddle.net/kr9pY/9/

+0

迅速な回答をお寄せいただきありがとうございますが、残念ながらこれも機能していません。この変更の影響はありません。 –

+1

奇妙な..私が本当に気づく唯一の瞬間は、マウスが表示されている要素の上にあるときです。私は、あなたがnav要素上にマウスを置くとすぐにdivでマウスが動いていると思います。私はdivの下にnav要素を置いて私の答えを編集し、私は点滅を得るように見えません。 – Loktar

+0

+1私はポストしようとしていた同じdivのアイデアを編集します。 –