divの表示と非表示に必要なヘルプ

Question

作成している画像ビューアに問題があります。下の画像と同様に、「ウィンドウ」は画像が表示されている場所で、「ページング」はユーザーが画像を変更できる場所です。私は、このJqueryスクリプトを使用して、ウィンドウが上に乗ったときに「ページング」をフェードインさせるようにしました。ユーザーが「ページング」に移動すると、そのページが点滅します。 （ショーのように、隠れているなど）

これは、マウスが「ウィンドウ」上にもう浮かんでいないからだと思います。誰も私はどのように 'ページング'を表示することができます示唆することはできますか？助けてくれてありがとう！ :)

$(".window").hover(function() { 
    $(".paging").fadeIn('fast'); 
}, function() { 
    $(".paging").fadeOut('fast'); 
}); 

Answer 1

あなたはここに.stop()を使用すると、このように、あなたの.hover()セレクタの両方を含めることができます：あなたが戻って親の子かを入力するために去るとき

$(".window, .paging").hover(function() { 
    $(".paging").stop(true, true).fadeIn('fast'); 
}, function() { 
    $(".paging").stop(true, true).fadeOut('fast'); 
}); 

この方法では、それがフェードアウトを停止し、それをもたらします右に戻ると、ユーザには目に見えないアクションが発生します。実際に

Answer 2

代わりmouseoverとmouseoutを使用して試みることができます。私はmouseoutが同じ方法で反応するかどうかはわかりませんhover

Answer 3

、あなたがページングの上にマウスを渡すとき「をバブリングイベント」と呼ばれる起こる不思議な事があります： 『ホバー』イベントは、「推移の親であるコンテナに渡され"オブジェクト"、 "ドキュメント"オブジェクトまで。だからあなたの問題を解決するため

、あなたは「falseを返す」でそれを行うことができ、bubling停止する必要があります。

$(".paging").hover(function() { 
    return false; 
}, function() { 
    return false; 
}); 

（これはjqueryの最近のバージョンでは、あなたが引数の機能を（置き換えることができている可能性があります） {return false;}ちょうど偽。