Question

我有几乎相同的内容滑块，如this one：

我怎么能让它自动旋转？我尝试了不同的方法，但我不能让它工作。我试过点击链接但它不起作用：

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

当DOM为.ready()时，我调用了该函数我真的没有想法，为什么这不起作用？我可以选择这种方式吗？我应该使用链接的类和.each()吗？

Answer 1

它对我来说很好。请检查Demo。

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

Answer 2

你可以做的是制作一个需要像

一样滑动的所有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);

内容滑块就像幻灯片一样

2 个答案: