在Jquery悬停上淡入和淡出图像

Question

我正在使用一个非常基本的jquery脚本在悬停时显示图像（如下所示）：

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>

....更多具有相同格式的列表项。 jQuery是：

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

尽管此方法有效，但效果不是很好。 随机地，有些.block div不会显示图像，有些则不会完全淡入。 这是随机发生的。 关于发生这种情况的任何想法，或者写此脚本的更好方法？

Answer 1

您可以参考本教程来了解如何以不同方式使用stop ... use stop（）

最适合您的情况的方法是...

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

Answer 2

尝试使用stop（true，true）希望有帮助