fadeIn（）不与延迟（）一起工作

Question

我试图让fadeIn（）与延迟一起工作，但由于某种原因，fadeIn（）不起作用。有谁看到我做错了什么？

$('#text').delay(2000).show(0).fadeIn(4200);

#text {color: blue;background-color: red;display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="text">
Text appear!
</div>

Answer 1

删除.show(0)

$("#text").delay(2000).fadeIn(4200);

#text {color: blue;background-color: red;display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div id="text">
Text appear!
</div>

Answer 2

你需要做的不是说

.show()

如何设置命令与说

相同

.css( "display", "block")

你可以做的一件事是

.show("slow");

而不是FadeIn，如果你想要更多的跳跃效果。

可以在

找到更多信息

http://api.jquery.com/show/