2012-04-09 12 views
0

私は何かをするためにjQuery mouseoverを使います。しかし、私がマウスを約5〜7回以上動かすと、それは凍ってしまいます。jQuery mouseover/hoverが数回オーバーしても機能しなくなった

この問題はなぜ発生しますか?

マウスオーバーしてマウスを移動しました。

コード例:

$('span.info_icon').mouseover(function() { 
    $('#info_box').show(600); 
}).mouseout(function(){ 
    $('#info_box').hide(600); 
}); 

ライブ例:http://dev.dolina-imeniy.ru/fotogalereya/kp_usadba_tishnevo(赤 "I" オーバー)。

+1

問題を再現できません。また、私はhide/showの代わりにslide effectを見ます、あなたはおそらくそれを後で変更しました。しかし、アニメーションの前に.stop(true、true)を使用することを検討してください。あなたが何度も非常にうんざりしていたら、私は何を意味するのでしょうか? –

答えて

3

問題:#info_box.info_iconと重複しています。これはすぐにmouseoutイベントを引き起こします。したがって、インフォメーション・アイコンに情報ボックスよりも高いz-indexを付ける方が良いでしょう。すべての

2

まず、あなたはjQueryとインラインスクリプトの両方が定義されている:

<span class="info_icon" onmouseout="showMess('info_box');" onmouseover="showMess('info_box');"></span>

持つ両方の問題を引き起こすことが起こっています。 (2回表示、2回隠すなど)。これにより、最終的に同期が外れてしまう可能性がありますが、もっと重要なのはそれだけのことです。

また、info_boxはトリガースパンをカバーしているので、表示するたびにmouseoutがトリガーされます。これは情報を何度も繰り返すことになります。

これらの機能を組み合わせると、表示されるような問題が発生します。これらの問題を最初に修正してください。

関連する問題