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

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

最佳答案

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

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


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

检查documentation

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

关于jquery - jQuery鼠标悬停意图使用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15847823/

10-12 07:31
查看更多