javascript - 在最后一张幻灯片处停止幻灯片

Question

Here is the code

我使用 jQuery 创建了自定义 slider 。

我希望它停在最后一张幻灯片上。

$(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 变量，并在每次移动 slider 时减少它。当它是 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
   })
})

还可以使用更高级的方式执行操作，例如创建 slider 对象、在那里实现计数器和 slider 。