如何在Jquery中使用带有show()和hide()的delay()

时间:2010-12-22 11:21:32

标签: javascript jquery hide delay show

如何在Jquery中将delay()show()hide()一起使用?

4 个答案:

答案 0 :(得分:154)

时长传递给show()hide()

  

提供持续时间后,.show()将成为动画方法。

E.g。 element.delay(1000).show(0)

DEMO

答案 1 :(得分:1)

来自jquery api

在版本1.4中添加到jQuery,.delay()方法允许我们延迟队列中跟随它的函数的执行。它可以与标准效果队列一起使用,也可以与自定义队列一起使用。只有队列中的后续事件才会延迟;例如,这不会延迟不使用效果队列的.show().hide()的无参数形式。

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

答案 2 :(得分:1)

为什么不尝试 fadeIn()而不是使用带延迟()的show()。 我认为你要做的就是用这个来完成。 这是fadeIn和FadeOut()的jQuery代码,它也有内置的方法来延迟进程。

$(document).ready(function(){
   $('element').click(function(){
      //effects take place in 3000ms
      $('element_to_hide').fadeOut(3000);
      $('element_to_show').fadeIn(3000);
   });
}

答案 3 :(得分:0)

最简单的方法是做一个假的节目"通过使用jquery。

{{1}}
相关问题