代码之家  ›  专栏  ›  技术社区  ›  Hailwood

停止jquery队列事件

  •  3
  • Hailwood  · 技术社区  · 14 年前

    所以,

    http://webspirited.com/ha2/

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

    然而,敏锐的眼睛会注意到,如果你悬停在关闭关闭它将排队的事件。

    我该如何阻止它这样做?

    2 回复  |  直到 14 年前
        1
  •  6
  •   jAndy    14 年前

    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

        2
  •  1
  •   karim79    14 年前

    看看这个插件: http://cherne.net/brian/resources/jquery.hoverIntent.html

    hoverIntent是一个 移动!它的工作原理是 派生自)jQuery的内置悬停。 调用onMouseOver函数 等待直到用户的鼠标变慢