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