jquery hover mouseenter mouseleave事件只触发一次动画
jquery.mouseenter(function(){
$(div).animate({'margin-top':'100px'},1000)
})
jquery.mouseleave(function(){
$(div).animate({'margin-top':'200px'},1000)
})鼠标移动到某个div上，触发mouseenter事件和动画，移出触发mouseleave事件和动画，但是来回划过这个div，事件就被触发了多次，动画也要重复好几遍，怎么才能在动画执行过程中，不触发mouseenter、mouseleave事件呢，即动画过程中，鼠标划过这个div后，动画不会重复出现，只有动画完了 ，再划过，才会触发
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
社区爱好者，专为云栖社区服务！
你可以使用stop方法：
$(div).stop(false, true).animate({'margin-top':'100px'},1000);如果stop()的第一个参数为true，表示立即清除当前的动画队列，默认为fx；如果第二个参数为true，表示立即将当前正在执行的动画置为它的结束状态。
2019-07-17 19:13:17赞同 展开评论
问答分类：
相关问答