jQueryのホバー無限ループ

Question

私は、HTML要素が輝くように見えるように.hoverを使用しようとしています。私のコードは次のようになります。

var glow = $('<div class="glow">...</div>'); 

$(this).hover(function() { 
    glow.fadeIn(); 
}, function() { 
    glow.fadeOut(); 
} 

私は取得しています効果はフェードがちょうど無限ループにマウスオーバーで何度も何度も繰り返し続けるということです。コンソールを見ると、hoverInとhoverOutハンドラ関数が呼び出され続けます。

何が起こっている可能性がありますか？

ありがとうございます！

Answer 1

私はあなたの代わりにこのコードを使用したいと思う：

var glow = $('<div class="glow">...</div>'); 

glow.hover(function() { 
    $(this).fadeIn(); 
}, function() { 
    $(this).fadeOut(); 
} 

または

var glow = $('<div class="glow">...</div>'); 

glow.hover(function() { 
    glow.fadeIn(); 
}, function() { 
    glow.fadeOut(); 
} 

私はあなたの$今信じている（この）あいまいで、おそらく（ホバーを入れていません）適切なオブジェクトのハンドラ

ここで重要な何かを省略している可能性もあります（DOM内にはglowが入ります）。悪いことは悪いことになれば

、あなたは完全にhoverをスキップすることができますし、だけではなく、mouseoverとmouseoutを使用するか、またはあなたが本当に全体のことについてマニュアルをを取得したい場合は、マウスオーバーとマウスアウトイベントとbindを使用することができます。

実際には、1回のmouseoverイベントで繰り返しアクションが発生しているので、hoverハンドラの多くのインスタンスを何らかの形でglowオブジェクトにバインドしている可能性があります。 unbindを使用すると、現在のハンドラをバインドする前に削除することができます。新しいハンドラがバインドされる場合はバインドしないでください。

こちらがお役に立てば幸いです。