2016-03-04 66 views
1

是否$(document).ready(function() {意味着所有的JavaScript文件,已下載的任何JS init或FUNC應該工作?

所以這是一個很好的做法,始終把裏面$(document).ready(function() {

+0

一起使用'$(document).ready(function(){});''表示您的函數僅在文檔已經下載/準備好的情況下運行。並取決於你做了什麼功能。 – mmativ

回答

1

$(document).ready JS在頁面生命週期的一部分,所有的資源都被加載的網頁(HTML,CSS和JS文件)後運行。

你應該函數在這裏,你需要在頁面首次加載時運行,所以通常初始化插件,首先運行函數並將事件附加到元素。

頁面加載後可以運行的任何其他函數都可以在此範圍之外定義。

請注意,如果您要動態插入DOM元素,則附加到該類型或類(例如)的任何事件將不會附加到它們,而無需重新附加或使用.on並附加到文檔本身。

0

從jQuery文檔:

描述:指定要執行時,DOM完全加載的函數。

這意味着您可以指定一個函數在DOM完全加載後運行,即可用於與javascript交互。

0

以下是當所有DOM加載(即使多媒體不加載還)here

$(document).ready(...)

火的時候,所有的內容加載

$(window).load(...)

消防(進度指示器,顯示覆制加載進程)走了。


現在,這裏是我的建議(而不是從該鏈接) 我認爲,更好的辦法是把你的腳本標籤在身體的結尾,就像這樣的,因爲它可以確保腳本時,一切都裝其他已加載

<html> 
<head></head> 
<body> 
<div> 
bla bla bla 
</div> 
<script src="1"></script> 
. 
. 
<script src="n"></script> 
<script>console.log('hello');</script> 
</body> 
</html> 
0

使用現成(),提供一種功能的文件被加載後: 爲如:

$(document).ready(function(){ 
    $("button").click(function(){ 
     $("p").slideToggle(); 
    }); 
}); 

定義和用法 當DOM(文檔對象模型)已被加載時,發生ready事件。

因爲這個事件發生在文檔準備好之後,所以它是一個擁有所有其他jQuery事件和函數的好地方。就像上面的例子。

ready()方法指定發生ready事件時會發生什麼。注意:ready()方法不應該與<body onload="">.

相關問題