jQuery 鼠标悬停意图使用

Question

我是 jQuery 的新手。我有这段代码。这是 fiddle 的链接。在这里您可以看到，当您将鼠标悬停在 #flip 上时，它会向下滑动，当您将鼠标移开时，它会向下滑动。现在从这一点来看它工作正常。但我希望会有 hoverIntent 这样，如果有人玩悬停并用它出去，那么它不会影响幻灯片自动运行。我的 jQuery 代码如下所示

<script> 
$(document).ready(function(){
  $("#flip").hover(function(){
    $("#panel").slideToggle("slow");
  });
});
</script>

Answer 1

添加stop以停止当前正在运行的动画。

$(document).ready(function(){
  $("#flip").hover(function(){
    $("#panel").stop(true, true).slideToggle("slow");
  });
});

第一个参数用于删除排队的动画，第二个参数用于立即完成当前动画。

检查documentation

更新的演示:http://jsfiddle.net/Rqq6c/1/