Как увеличить значение переменной при нажатии btnNext при использовании jcarousellite?

Question

Я пытаюсь увеличить свою переменную при нажатии кнопки btnNext. Затем, когда счетчик достигает длины моего массива, я хочу перенаправить на другую страницу. Поэтому, когда отображается последнее изображение и снова запускается btnNext, он перенаправляется, но я не могу заставить его работать.

Я попытался с помощью делать/в то время как петля ..

$(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'); 
    }); 
});