jquery - 带有 jQ​​uery 的幻灯片在重新加载时显示所有内容

Question

我正在尝试制作一个简单的幻灯片来显示数据库中包含的一些信息。

我遇到的问题是，当页面重新加载时，会显示滑块中的所有内容。我不知道如何解决这个问题。这是我实现的 jQuery 代码：

$("#filmer > div:gt(0)").hide();
setInterval(function() { 
    $('#filmer > div:first')
        .fadeOut(0)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#filmer');
},  5000);

Answer 1

$(document).ready(function() {
  $("#filmer > div:gt(0)").hide();

  setInterval(function() {
    $('#filmer > div:first')
     .fadeOut(0)
     .next()
     .fadeIn(1000)
     .end()
     .appendTo('#filmer');
    },  5000);
});