document.ready（）不起作用，但setinterval（）不起作用

Question

我真的不知道为什么。我有一个包含大量内容的页面。

例如我有一个滑块，可以在页面底部加载带脚本的图片...我底部有另一个脚本标记，其中包含一些动画和善意的内容那个滑块。

问题是我尝试使用document.ready()，但它不起作用......所以我认为这是因为文档准备就绪但是滑块不是，或类似的东西。< / p>

所以，我把document.ready()中执行的相同内容放到setInterval()每秒刷新一次......它有效，但问题是，即使我得到了我想要的东西那个剧本，它不断刷新！我不想要它，我想要的只是执行一次，但只有当页面准备好时（当浏览器选项卡中的刷新动画停止时）我该怎么做？有些想法？

Answer 1

你将jquery的ready方法与本机onload混淆。

使用：

window.onload = function(){
  // do something here. Everything including resources are loaded
}

或：

$(document).ready(function(){
  // do something here. The DOM is loaded
});

Answer 2

尝试使用window.onload = yourInitialisesFunction; 当你的DOM被完全加载时会触发onload事件。

（对不起，它是window.onload = yourFunction），JQueries ready（）函数在解析DOM时触发，但是如果加载了所有图像等则不触发。