在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）希望有幫助