document.ready() 不起作用，但 setinterval() 起作用

Question

我真的不知道为什么。 我有一个页面，里面有很多加载外部东西的东西。

例如，我有一个滑块，它在页面底部加载带有脚本的图像......我在它的底部有另一个脚本标签，其中一些动画和善意的东西应用于该滑块。

问题是我尝试使用document.ready() ，但它不起作用......所以我认为这是因为文档已准备好但滑块没有，或类似的东西。

因此，我将我在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; onload 事件在您的 DOM 完全加载时触发。

（抱歉，它是 window.onload = yourFunction），当解析 DOM 时会触发 JQueries ready() 函数，但不会在加载所有图像等时触发。