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

perform Jquery function after page content loads completely

本文关键字：执行 Jquery 功能 加载      更新时间：2024-06-20

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

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

尝试：

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

请参阅此处的说明：jQuery-$（document）.ready和$（window）.load之间有什么区别？

使用$( 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 Ready？？基本上，它会等待页面上的所有元素都被创建/准备好。。这不包括某些事情，如图像加载或其他事件。。一般来说，这意味着您此时应该能够访问任何元素。

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

否则，按照@NenadP的建议使用，这应该在DOM就绪后加载，而且通常会覆盖大多数内容。。但请记住，如果您有某些元素或框架/库。。您可能需要查看他们的事件/回调。

相关文章：