Question

我用一些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中引发错误（请参阅标题）。我用谷歌搜索并验证了我的代码，但我看不出我的代码有什么问题。

Answer 1

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

您想引用DOM对象document。 { native code }部分将解释为什么您在其他浏览器中收到错误，并在不同浏览器中正确行为。有些浏览器可能有一个名为Document（）的内置类，用于引用活动文档..但我不确定。

将您的陈述更改为

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

小写，D可以像你想要的那样使用DOM对象。

未捕获的TypeError：对象函数Document（）{[native code]}没有方法'apply'

1 个答案: