jQuery 终止队列效果

来源:互联网 发布:恺英网络警示函 编辑:程序博客网 时间:2024/04/30 05:07

场景:在很多时候,需要在一批元素上绑定事件来实现某种效果,例如在一个ul的li元素上绑定一个mouseover的弹出效果;这时有个问题,当鼠标快速来回的在li元素上移动后,li元素的弹出效果在鼠标停止后都会继续!这事因为队列事件还没有执行完。

解决方法:

1.$(this).children().animate({paddingLeft:"20"}, {queue:false, duration:300});   //用该方法参数;

2.$(this).slideUp("slow",function(){$("#Qcode1").clearQueue();});//用回调函数;

原创粉丝点击