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() 函數，但不會在加載所有圖像等時觸發。