Question

我试图让jquery创建一个完整的循环滑块，但只是一次循环！到目前为止，这是我的代码：

$('.slider .slide:first').addClass('active').fadeIn(200);

function rotate(index) {
    $('.slider .slide.active').removeClass('active').fadeOut(200, function () {
        $('.slider .slide:eq(' + index + ')').addClass('active').fadeIn(200);
    });
}

$('.slider-nav li a').click(function () {
    var index = $(this).parent().index('li');
    rotate(index);
    return false;
});

setInterval(function () {
    var $next = $('.slider .slide.active').next();

    if ($next.length == 100) $next = $('.slider .slide:first');

    rotate($next.index());
}, 2000);

Demo fiddle

Answer 1

使用count variable

使用modulus和child element's length

尝试，

var xCnt = 1;

setInterval(function () { 
    rotate(xCnt % $('.slider .slide').length);
    xCnt += 1;
}, 2000);

滑块没有循环，只有一次

1 个答案:

DEMO