2016-01-13 182 views
1

我試圖讓一個fadeIn()與延遲一起工作,但由於某種原因,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>

回答

4

刪除.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>

+0

完美的發現!謝謝您的幫助! – Becky

1

你需要做的就是不說

.show() 

什麼你怎麼設置的逗號第二是等於說

.css("display", "block") 

有一兩件事你可以做的是不是淡入的

.show("slow"); 

如果你想在效果更加跳躍。

更多信息可以在

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