javascript - jQuery:防止堆叠动画

标签 javascript jquery events jquery-animate effect

我知道还有其他几篇文章提供了解决方案,但我当前的问题有点不同。

我在一个元素上有两个事件 - mouseentermouseleave。第一个将元素的颜色更改为浅色,另一个更改为深色,这会产生闪烁效果。

问题是,当我进出几次时,事件堆栈并且即使没有触发新事件,它也会闪烁多次。我想阻止这种情况,但是 .stop() 没有帮助。

这里有一个问题:无论如何,我想触发 1 次闪光,但不能超过 1 次。因此,当有人移入/移出时 - 事件 mouseenter 将被触发,之后 mouseleave 之后什么都没有..直到触发另一个输入/输出。

我想这可以通过在触发输入/输出时锁定(不监听)新事件直到效果完成来实现,但我不知道如何在不取消绑定(bind)并再次绑定(bind)的情况下执行此操作。没有任何lockEvent()之类的东西吗?

最佳答案

您已经使用过 .stop(true) 或 .stop(true, true) 吗?

关于javascript - jQuery:防止堆叠动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9404519/

相关文章:

javascript - 如何从 Angular 返回的服务中访问值对象?

javascript - 加载包含 google adsense 的网页时出现问题

javascript - 使用 AJAX 调用函数

json - ZF2 查看策略

spring - 成功部署 Spring 应用程序后运行代码

javascript - 使用 Cloud Code 验证自动续订订阅收据并更新 Parse

javascript - 如何从 Javascript 添加 CSS 样式

javascript - 如何在CKEditor的保存按钮上捕获点击事件

c++ - 我如何在 C++ 中做一个事件?

javascript - 未捕获的类型错误 : Cannot read properties of undefined (reading 'replace' )