IEでのJquery mouseleave autofires

Question

私はこのコードに問題があります。mouseleave関数は、divの最初にマウスを置かずにIEで起動しています。

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#<?php echo 'div_'.$reload_cont; ?>').mouseenter(function() { 

     var el = $(this); 
     var timeoutId = setTimeout(function() { 
      $('#<?php echo 'relo_'.$reload_cont; ?>').animate({opacity: 1}, 'slow'); 
     }, 500); 

     el.mouseleave(function() { 
      clearTimeout(timeoutId); 
      $('#<?php echo 'relo_'.$reload_cont; ?>').animate({opacity: 0}, 'slow'); 
     }); 
    }); 
}); 

</script> 

私は多くの方法を試しましたが、どれもうまくいかないようです。

ここにすべてのヘルプ

Answer 1

あなたはmouseleaveイベントごとに時刻を再結合されているmouseenterイベントが発生し、mouseenterイベントハンドラ外mouseleaveイベントハンドラを動かしてみてください。

$(function() { 

    //notice the timeout variable is saved in a scope where both event handlers can access it 
    var timeoutId; 

    $('#<?php echo 'div_'.$reload_cont; ?>').mouseenter(function() { 

     timeoutId = setTimeout(function() { 
      $('#<?php echo 'relo_'.$reload_cont; ?>').stop().animate({opacity: 1}, 'slow'); 
     }, 500); 
    }).mouseleave(function() { 
     clearTimeout(timeoutId); 
     $('#<?php echo 'relo_'.$reload_cont; ?>').stop().animate({opacity: 0}, 'slow'); 
    }); 
}); 

お知らせの使用.stop()あなたがマウスを入力して何度もマウスを離すと、複数のアニメーションがキューに入れられません。ここで

はデモです： http://jsfiddle.net/jasper/LJAqd/

私はIE 8/7でこれをテストし、期待どおりに働いたが、私はHTMLの構造を知らないので、私はそれはあなたの実装のために働くと確信してすることはできませんあなたのコードの。