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 - What are differences between $(document).ready and $(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 /别名使用不同的命名空间......

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

什么是DOM Ready？好吧，基本上它等待你的页面上的所有元素被创建/准备好。这不包括某些事情，如图像加载或其他事件..一般来说，这意味着你应该能够访问任何元素。

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

否则使用@NenadP建议，这应该在DOM准备好之后加载，通常会覆盖大多数事情..但是请记住，如果你有某些元素或框架/库..你可能需要查看他们的事件/回调。

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

3 个答案: