Javascript 像幻灯片一样的内容滑块

Javascript 像幻灯片一样的内容滑块,javascript,jquery,Javascript,Jquery,我有几乎相同的内容滑块,如: 如何使它自动旋转?我尝试过不同的方法,但我不能使它工作。我尝试过点击链接,但不起作用: i=1; function autoplay(){ $('#navPoveznica'+i).click(); i++; if(i>5){i=0}; setTimeout(autoplay, 2000); } 当DOM是.ready() 我真的没有主意了,为什么这个不行呢?我可以选择这种方式吗? 我是否应该使用链接类和.each()?它对我来说很好。请查收 请完全粘贴您的

我有几乎相同的内容滑块,如:

如何使它自动旋转?我尝试过不同的方法,但我不能使它工作。我尝试过点击链接,但不起作用:

i=1;
function autoplay(){
$('#navPoveznica'+i).click();
i++;
if(i>5){i=0};
setTimeout(autoplay, 2000);
}
当DOM是
.ready()

我真的没有主意了,为什么这个不行呢?我可以选择这种方式吗?

我是否应该使用链接类和
.each()

它对我来说很好。请查收


请完全粘贴您的html、js,以便我们可以在JSFIDLE中进行检查或设置。

您可以做的是将所有需要滑动的div组成一个数组

//Define Variables
var divArray = [];
var delay: 6000;
var autoPlay: true;
var totalDivs: 5;
i = 1;

function createDivArray(){
    $('#content_slider_container').find("div").each( function () {
        divArray.push(this.attr('id'));
    });
}
然后编写如下自动播放函数:

function autoPlay(divArray) {
  ContentSlider = setInterval(function play(){
      $(divArray).eq(i).slideLeft();
      if (i >= totalDivs){
        i = 0;
      } else {
        i++;
      }
    }
  }, options.delay);
然后像这样运行函数

autoPlay(divArray);

是的,很管用!我的函数没有工作,因为我在声明函数之前调用了该函数:哦,谢谢!谢谢你的回答,但我的原始代码似乎可以工作。干杯