2016-03-04 68 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="">.

相关问题