1

我使用一点 jquery 编写了一个非常基本的幻灯片。它只是每 5 秒显示一张新幻灯片。

function next_slide() {
    var banners = jQuery('.banner-block img');
    var current_b = banners.filter(':visible');
    if (!current_b) {
        current_b = banners.first();
    }
    if (current_b.attr('src') === banners.last().attr('src')) {
        banners.first().addClass('current').fadeIn(1000);
    } else {
        current_b.next().addClass('current').fadeIn(1000);
    }
    current_b.removeClass('current').fadeOut(1000);
}
jQuery(Document).ready(function () {
    setInterval('next_slide()', 5000);
});

这适用于 FF 和 Safari，但会在 Chrome 中引发错误（见标题）。我已经用谷歌搜索并验证了我的代码，但我看不出我的代码有什么问题。

4

1 回答 1

2

正如@RocketHazmat 在评论中提到的那样..

您想引用 DOM 对象document。这篇{ native code }文章将解释为什么您在其他浏览器中收到错误，以及在不同浏览器中的正确行为。一些浏览器可能有一个名为 Document() 的内置类，它们用来引用活动文档。但我不确定。

将您的声明更改为

jQuery(document).ready(function() {...})

小写，D以使用您想要的 DOM 对象。

于 2013-08-30T14:18:05.847 回答