0

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 クリックで何らかの方法でインクリメントする必要があることはわかっていますが、その方法はわかりません。

ありがとう

4

1 に答える 1

0

これを試して

$(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');
    });
});
于 2014-01-30T19:31:22.180 に答える