jQuery的.fadeIn不工作

Question

我在網站上的工作，我想一個文本淡入每當我打開網頁，所以我做了這樣的事情：

$(document).ready(function() { 
    $('#title').fadeIn(100); 
}); 

我創建了一個跨度的ID '標題'，然後我用CSS給他一個0的不透明度，但它不起作用。

感謝

Answer 1

刪除你不透明度的CSS和使用display:none：

HTML

<h1 id="title" style="display:none">Whoa!</h1> 

JS

$(document).ready(function() { 
    $('#title').fadeIn(500); 
}); 

Fiddle

Answer 2

我終於找到了問題。這是在HTML代碼：

取而代之的是，

<script src="jquery.js" type="text/javascript"></script> 
<script src="script.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

的代碼看起來應該是這樣

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="jquery.js" type="text/javascript"></script> 
<script src="script.js" type="text/javascript"></script> 

Answer 3

而是與透明度修修補補的隱藏元素：

#title{ 
    display:none; 
} 

您需要修復的另一件事是fadeIn的持續時間。您應該以毫秒爲單位指定它，並且任何快於500毫秒的內容都不會被肉眼看到。我建議用1整秒將允許用戶欣賞的過渡效果：

$(document).ready(function() { 
    $('#title').fadeIn(500); 
});