javascript/jquery - マウスオーバーリスナーがアクティブでない場合にのみ関数を実行する方法

Question

私のページのロールオーバーに起因する画面のちらつきの影響を避けるために、mouseOutから関数をアクティブにしたい他のサムネイルのmouseOver状態が現在発生していない場合にのみ、サムネイルが表示されます。どうすればいい？

Answer 1

成功したmouseoutイベントが発生したときに追加されるactiveクラスのサムネイル要素があるかどうかを確認できます。必要なときにあなたはそれがアニメーションを必要とする場合、あなたは削除することができ、たとえば、active-mouseoutクラスを削除することができます

$('.thumb-element').on('mouseout', function() { 
    if ($('.thumb-element').filter('.active-mouseout').length == 0) { 
     //there are no elements with both the `thumb-element` class and the `active-mouseout` class so you can do work here 
     $(this).addClass('active-mouseout').animate({top : 'XXpx'}, 250, function() { 

      //now we remove the `active-mouseout` class so another `mouseout` event can run 
      $(this).removeClass('active-mouseout'); 
     }); 
    } 
}); 

：他のサムネイルの要素は、このクラスを持っている場合は何もしない何も見つからなかった場合は、その後、その後、あなたのmouseoutコードを実行そのアニメーションのコールバックのこのクラス。ここで

は、上記溶液のjsfiddleです：http://jsfiddle.net/jasper/zg5g7/