我是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/