頁面內容完全加載后執行Jquery功能

Question

我有一個腳本，我希望在整個頁面完全加載后而不是在頁面加載時執行。 我需要你的幫助。 下面是腳本。

jQuery(function () {
var $els = $('div[id^=quote]'),
    i = 0,
    len = $els.length;

$els.slice(1).hide();
setInterval(function () {
    $els.eq(i).fadeOut(function () {
        i = (i + 1) % len
        $els.eq(i).fadeIn(750);
    })
}, 3750)
})

Answer 1

嘗試：

$(window).on("load", function () {
   // your code here
});

請參閱此處的說明： jQuery-$（document）.ready和$（window）.load有什么區別？

Answer 2

使用$( document ).ready();

這應該為您工作：

$( document ).ready(function () {
var $els = $('div[id^=quote]'),
    i = 0,
    len = $els.length;

$els.slice(1).hide();
setInterval(function () {
    $els.eq(i).fadeOut(function () {
        i = (i + 1) % len
        $els.eq(i).fadeIn(750);
    })
}, 3750)
});

Answer 3

您的代碼似乎是正確的，您只是對jQuery / alias使用了不同的命名空間...

$(function() {
  // DOM Ready Event..
  // Your already doing this
});

什么是DOM Ready？ 基本上，它會等待頁面上的所有元素都已創建/就緒。。這不包括圖像加載或其他事件之類的某些事情。通常，這意味着您應該可以在此時訪問任何元素。

如果您可以提供代碼的jsFiddle或進一步解釋實際的問題所在，那么我們可以為您提供幫助。 但是我的猜測是，您實際上正在尋找針對某些元素的事件。

否則，按照@NenadP的建議使用，它應該在DOM准備就緒后加載，並且通常將涵蓋大多數內容。.但是請記住，如果您具有某些元素或框架/庫。。您可能需要查看它們的事件/回調。