Остановить слайд при последнем слайде

Question

Here is the code

Я создал пользовательский слайдер, используя jQuery.

Я хочу, чтобы он остановился на последнем слайде.

$(document).ready(function(){ 
    var slideCount = $('.billAddress .addressBlock').length 
    var outerWidth = slideCount * 273 
    $('.billAddressCnt').css({ 
    width: outerWidth, 
    left: 0 
    }) 
}) 

var i = 0; 
$('.nextBillAddress').click(function(){ 
    i++ 
    var leftMove = 273*i 
    $('.billAddressCnt').animate({ 
    left : -leftMove 
    }) 
}) 

Answer 1

Вы можете добавить sliderPosition переменные и уменьшить его каждый раз при перемещении ползунка. Когда он равен 0 или 1 (в зависимости от того, что вы хотите) - прекратите скольжение. Код будет как этот

$(document).ready(function(){ 
    var slideCount = $('.billAddress .addressBlock').length 
    var sliderPosition = slideCount 
    var outerWidth = slideCount * 273 
    $('.billAddressCnt').css({ 
     width: outerWidth, 
     left: 0 
    }) 
}) 

var i = 0; 
$('.nextBillAddress').click(function(){ 
    i++ 
    if (sliderPosition == 1) { 
     return false; 
    } 
    sliderPosition--; 
    var leftMove = 273*i 
    $('.billAddressCnt').animate({ 
     left : -leftMove 
    }) 
}) 

Существует также возможность делать вещи, используя более продвинутый способ, как создать объект бегунка, реализовать счетчик и ползунок там.

Answer 2

отсоединить событие haandler, когда достигнет последнего div. добавьте эту строку в первую из ваших функций.

if(i + 1 === $('.addressBlock').length) $('.nextBillAddress').unbind("click", arguments.callee);