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

您可以参考本教程，了解停止如何以不同方式使用... use of 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）希望有所帮助

在Jquery悬停时淡入淡出图像

2 个答案: