是否$(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