jQuery使用stop()和hide()/ show()?

时间:2010-07-01 07:34:35

标签: jquery

我想知道是否可以通过stop()animate()使用hide()函数(我通常在show()上使用)。

如果我在div上反复悬停,使用show()来显示一些细分,那么show-animation一遍又一遍地重复。 stop()函数将停止该行为。

但是,我不知道如何将stop()功能与hide()show()一起使用。

这甚至可能吗?

谢谢你 问马特

2 个答案:

答案 0 :(得分:8)

您必须为显示/隐藏效果设置持续时间:

.hide('slow')

之后,您可以使用.stop().stop(true,true)

  

停止([clearQueue],[jumpToEnd])

     

clearQueue一个布尔值,指示是否也删除排队的动画。默认为false。

     

jumpToEnd一个布尔值,指示是否立即完成当前动画。默认为false。

另一种方法是添加延迟,如

 .delay(500).hide(1);

http://api.jquery.com/delay/

  

.delay(duration,[queueName])   duration一个整数,指示延迟执行队列中下一个项目的毫秒数。

     

queueName包含队列名称的字符串。默认为fx,标准效果队列。

答案 1 :(得分:1)

您可以在调用动画的元素上调用stop函数。此外,您还需要设置clearqueue参数,这样您不仅可以停止动画的第一种形式,还可以停止等待运行的任何排队动画。

http://api.jquery.com/stop/