l'image Fade et sur Jquery vol stationnaire

Question

J'utilise un script jquery très basique pour montrer une image sur vol stationnaire (comme indiqué ci-dessous):

HTML:

<li> 
    <div class="block"> 
     <div class="drag"></div> (display:none in css) 
    </div> 
</li> 

<li> 
    <div class="block"> 
     <div class="drag"></div> 
    </div> 
</li> 

.... beaucoup plus lister les éléments avec le même format. Le Jquery est:

$(".block").hover(function(){ 
     $(this).find(".drag").stop().fadeIn(250);     
    }, function(){ 
     $(this).find(".drag").stop().fadeOut(250); 
}); 

Bien que cela fonctionne, il ne fonctionne pas très bien. Au hasard, certains divs .block ne montrent pas l'image, et certains ne l'ont pas complètement disparaître. Cela arrive au hasard .... bien que l'effet global fonctionne. Des idées sur pourquoi cela se passe, ou une meilleure façon d'écrire ce script?

Answer 1

essayer d'utiliser arrêt (true, true) espoir qui aide

Answer 2

vous pouvez consulter ce tutoriel pour savoir comment arrêter peut être utilisé de différentes manières ... use of stop()

la manière la plus appropriée pour votre condition est ...

$(".block").hover(function(){ 
    $(this).find(".drag").stop(true,true).fadeIn(250);     
}, function(){ 
    $(this).find(".drag").stop(true,true).fadeOut(250); 
});