.stop（）不适用于悬停选择器

Question

这是我的代码：

$(function(){
  $("#deals ul li ul").hover(function(){
     $(this).stop().find(".trans").fadeIn("fast");
     $(this).stop().find(".text").fadeIn("fast");
     return false;
  },function(){
    $(this).find(".trans").fadeOut("fast");
    $(this).find(".text").fadeOut("fast");
  });
  return false;
});

当你快速悬停几次时，它会每秒加载这些动作，stop（）应该停止但是它在这里不起作用，任何想法都会受到赞赏。

Answer 1

.stop()需要位于可能已设置动画的元素上。

您的ul没有收到动画，因此它对.stop()没有任何好处。这是动画的.trans和.text元素。

$(function(){
  $("#deals ul li ul").hover(function(){
     $(this).find(".trans").stop().fadeIn("fast");
     $(this).find(".text").stop().fadeIn("fast");
     return false;
  },function(){
    $(this).find(".trans").fadeOut("fast");
    $(this).find(".text").fadeOut("fast");
  });
  return false;
});