mouseleave jquery 上的停止功能
我正在尝试使用 mouseenter 和 mouseleave 来启动和停止彩色动画功能,但是它不会在 mouseleave 上停止...请帮我弄清楚:
A:如果 mouseenter/leave 是要调用的正确事件(或者应该我正在使用鼠标悬停或悬停?)
B:使用 .stop 结束函数的正确结构
<script>
$(document).ready(function() {
$("#logo").bind('mouseenter', function() {
pixelColors() });
$("#logo").bind('mouseleave', function() {
pixelColors().stop(true, true); });
});
</script>
I'm trying to use mouseenter and mouseleave to start and stop a color animation function, however it doesn't stop on mouseleave...please help me figure out:
A: If mouseenter/leave is the correct event to call (or should I be using mouseover or hover?)
B: The correct structure for using .stop to end a function
<script>
$(document).ready(function() {
$("#logo").bind('mouseenter', function() {
pixelColors() });
$("#logo").bind('mouseleave', function() {
pixelColors().stop(true, true); });
});
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
Interstellar_Coder 说得对;你需要在 jquery 对象上调用 stop ;尝试用 jQuery(this) 替换回调函数中的 PixelColors,即 jQuery(this).stop(true, true);
Interstellar_Coder has it right; you need to call stop on a jquery object; try replacing pixelColors in your callback function with jQuery(this), i.e. jQuery(this).stop(true, true);