jQuery的幻灯片显示了重新加载时的所有内容
我正试图制作一个简单的幻灯片来展示数据库中包含的一些信息 我遇到的问题是,当页面重新加载时,滑块中的所有内容都会显示出来。 我不知道如何避开这个问题。以下是我实现的jQuery代码:jQuery的幻灯片显示了重新加载时的所有内容,jquery,slideshow,Jquery,Slideshow,我正试图制作一个简单的幻灯片来展示数据库中包含的一些信息 我遇到的问题是,当页面重新加载时,滑块中的所有内容都会显示出来。 我不知道如何避开这个问题。以下是我实现的jQuery代码: $("#filmer > div:gt(0)").hide(); setInterval(function() { $('#filmer > div:first') .fadeOut(0) .next() .fadeIn(1000)
$("#filmer > div:gt(0)").hide();
setInterval(function() {
$('#filmer > div:first')
.fadeOut(0)
.next()
.fadeIn(1000)
.end()
.appendTo('#filmer');
}, 5000);
如果您从$(文档)调用该代码,请同时提供html代码或在JSFIDDLE中复制该问题。准备好了吗?您不应该有这样的问题。很抱歉,我不理解您的问题。以下是滑块显示的页面的全部代码:页面为:
$(document).ready(function() {
$("#filmer > div:gt(0)").hide();
setInterval(function() {
$('#filmer > div:first')
.fadeOut(0)
.next()
.fadeIn(1000)
.end()
.appendTo('#filmer');
}, 5000);
});