如何使用jQuery在5秒后隐藏文本？

Question

如何在5秒后隐藏#results？我试过这个,但它不起作用.

$('#results').hide().html(data).fadeIn('slow').delay(5000).hide();

我拥有的就是这个

$('#results').hide().html(data).fadeIn('slow');

Answer 1

给你的hide()通话留一段时间,它会像这样工作:

$('#results').hide().html(data).fadeIn('slow').delay(5000).hide(1);

问题是hide()没有任何参数只是一个直接的操作.它不会通过fx队列因此,它不会在之后.delay(5000).但是,如果你给函数一个持续时间.hide(1),那么它就变成了一个动画,然后它会通过fx队列,因此会在之后发生.delay(5000).

你可以在这里看到它的工作:http://jsfiddle.net/jfriend00/wzbtU/

从jQuery doc forhide():

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