我用一点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中抛出错误(见标题)。我已经在谷歌上搜索并验证了我的代码,但我看不出我的代码有什么问题。
正如@RocketHazmat在评论中提到的那样。。
您想要引用DOM对象document
。{ native code }
文章将解释为什么您在其他浏览器中收到错误,并更正不同浏览器中的行为。某些浏览器可能有一个名为Document()的内置类,用于引用活动文档。。但我不确定。
将您的对账单更改为
jQuery(document).ready(function() {...})
小写D
可以像您想要的那样使用DOM对象。