Question

我试图在点击btnNext时让我的变量递增。然后当计数器达到我的数组的长度时，我想重定向到另一个页面。因此，当显示最后一张图像并且btnNext再次触发时，它将重定向，但我无法使其正常工作。

我尝试过使用do / while循环..

$(function () {
        var myLiCount = $("li").length;
        var counter = 1;
        do {
            $(".nonCircular .carousel").jCarouselLite({
                btnNext: ".next",
                visible: 1,
                circular: false
            });
            counter = counter + 1;
        } while (counter != myLiCount);
        window.location.href('http://www.google.com');
    });

所做的只是显示图像2秒然后重定向，所以我试了这个......

$(function () {
        var myLiCount = $("li").length;
        var counter = 1;

            $(".nonCircular .carousel").jCarouselLite({
                btnNext: ".next",
                visible: 1,
                circular: false
            });
            counter = counter + 1;
        if(counter == myLiCount)
        window.location.href('http://www.google.com');
    });

但这也不起作用，它会到达最后一张图片，之后什么都不做。

我知道为了这个工作我必须以某种方式增加btnNext点击，但不知道如何。

由于

Answer 1

试试这个

$(function () {
    $(".nonCircular .carousel").jCarouselLite({
        btnNext: ".next",
        visible: 1,
        circular: false
    });
    var counter = 1;
    $('.next').on('click', function () {
        counter = counter + 1;
        if (counter == $("li").length)
            window.location.href('http://www.google.com');
    });
});

如何在使用jcarousellite时单击btnNext时增加变量？

1 个答案: