Javascript 页面内容完全加载后执行Jquery功能

我有一个脚本，我想在整个页面完全加载后执行，而不是在页面加载时执行。我需要你的帮助。下面是脚本

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)
})

尝试：

请参见此处的说明： 使用

$（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)
});

您的代码似乎是正确的，您只需为jQuery/alias使用不同的名称空间

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

DOM准备好了什么？？基本上，它会等待页面上的所有元素被创建/准备就绪。。这不包括图像加载或其他事件之类的某些事情。。一般来说，这意味着您此时应该能够访问任何元素

如果您可以提供JSFIDLE代码或进一步解释实际问题，那么我们可以提供帮助。但我的猜测是，你实际上是在寻找一个针对某些元素的事件

否则按照@nenapp的建议使用，这应该在DOM就绪后加载，甚至通常会覆盖大部分内容。。但如果您有某些元素或框架/库，请记住。。您可能需要查看他们的事件/回调。
据我所知，此代码仅在页面加载后才触发$（函数（）{此处的代码}）；不，他可能是在“加载”事件之后——这段代码实际上比他已有的版本更长。
$(function() {
  // DOM Ready Event..
  // Your already doing this
});