在 Jquery 悬停时淡入淡出图像答案

【问题标题】：Fade image in and out on Jquery hover在 Jquery 悬停时淡入淡出图像
【发布时间】：2011-01-28 05:26:40
【问题描述】：

我正在使用一个非常基本的 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 不显示图像，有些则不完全淡入。这是随机发生的……尽管整体效果有效。关于为什么会发生这种情况的任何想法，或者编写此脚本的更好方法？

【问题讨论】：

做到了，让它成为答案，我会接受它...谢谢！

标签： jquery image hover

【解决方案1】：

您可以参考本教程了解如何以不同方式使用停止...use of stop()

最适合你情况的方法是……

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

【讨论】：

虽然你的回答完全正确，但3nigma在评论下先回答了，所以我只好给他了。不过还是谢谢！！！

【解决方案2】：

尝试使用 stop(true,true) 希望有帮助

【讨论】：