当前位置 : 主页 > 网页制作 > JQuery >

停止jquery排队事件

来源:互联网 收集:自由互联 发布时间:2021-06-15
所以, 我有这个演示网站: http://webspirited.com/ha2/ 如果将鼠标悬停在主标题上(不在ie中).您会注意到图像有点变化, 这就是我要的. 然而,敏锐的目光会注意到,如果你在开 – 关 – 开 – 关
所以,

我有这个演示网站:

http://webspirited.com/ha2/

如果将鼠标悬停在主标题上(不在ie中).您会注意到图像有点变化,

这就是我要的.

然而,敏锐的目光会注意到,如果你在开 – 关 – 开 – 关 – 开 – 关 – 它将排队事件.

我如何阻止它做这种行为?

jQuerys .stop()来救援.

$('#element').stop(true, true).animate({});

如果您使用jQuery进行任何类型的动画,stop()将结束队列.第一个参数表示是否清除完整队列,第二个参数表示是否跳转到当前运行动画的结尾.

你在这里得到的另一个选择是检查元素当前是否已设置动画,如果是,则跳过新的.animate方法.例:

$('#element').hover(function(){
   if(!$(this).is(':animated'){  // only go in here if $(this) is NOT animated
      // $(this).animate({});
   }
}, function(){
});

参考:.stop(),:animated

网友评论