是否$(document).ready(function() {
意味着所有的JavaScript文件,已下載的任何JS init或FUNC應該工作?
所以這是一個很好的做法,始終把裏面$(document).ready(function() {
?
是否$(document).ready(function() {
意味着所有的JavaScript文件,已下載的任何JS init或FUNC應該工作?
所以這是一個很好的做法,始終把裏面$(document).ready(function() {
?
$(document).ready
JS在頁面生命週期的一部分,所有的資源都被加載的網頁(HTML,CSS和JS文件)後運行。
你應該函數在這裏,你需要在頁面首次加載時運行,所以通常初始化插件,首先運行函數並將事件附加到元素。
頁面加載後可以運行的任何其他函數都可以在此範圍之外定義。
請注意,如果您要動態插入DOM元素,則附加到該類型或類(例如)的任何事件將不會附加到它們,而無需重新附加或使用.on
並附加到文檔本身。
從jQuery文檔:
描述:指定要執行時,DOM完全加載的函數。
這意味着您可以指定一個函數在DOM完全加載後運行,即可用於與javascript交互。
以下是當所有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>
使用現成(),提供一種功能的文件被加載後: 爲如:
$(document).ready(function(){
$("button").click(function(){
$("p").slideToggle();
});
});
定義和用法 當DOM(文檔對象模型)已被加載時,發生ready事件。
因爲這個事件發生在文檔準備好之後,所以它是一個擁有所有其他jQuery事件和函數的好地方。就像上面的例子。
ready()方法指定發生ready事件時會發生什麼。注意:ready()方法不應該與<body onload="">.
一起使用'$(document).ready(function(){});''表示您的函數僅在文檔已經下載/準備好的情況下運行。並取決於你做了什麼功能。 – mmativ