主页 / 问题 / 1279636
Accepted
help_me
Asked:2022-05-08 23:14:38 +0000 UTC2022-05-08 23:14:38 +0000 UTC

光滑的第一个/最后一个滑动按钮

  • 772

通过slick-slider，您需要固定一个按钮，通过单击将显示第一张或最后一张幻灯片，但我仍然不明白索引是如何工作的以及slick是否提供了这样的机会

$('.btn').click(
    $('.slider-fisrt').slick('slickGoTo', $('.slick-slide').index(3))
)

UPD：有效，但他只返回第一张幻灯片，他不想转到最后一张，这是什么原因？

    $('.slider-first').on('afterChange', function (event, slick, currentSlide, nextSlide) {

        console.log(currentSlide);

        if (currentSlide == 0){
            $('.btn').on('click', function () {
                $('.slider-first').slick('slickGoTo', 4, false);
            } 
        )}

        if (currentSlide == 1 || 2 || 3 || 4) {
            $('.btn').on('click', function () {
                $('.slider-first').slick('slickGoTo', 0);
            } 
        )}

    })
javascript

1 个回答

  1. Best Answer
    let $btn = $('.btn'),
    $slider = $('.slider-first'),
    slideCount = null,
    slideCurrent = 0;

$slider.on('init', function(event, slick) {
  slideCount = slick.slideCount;
});

$slider.on('afterChange', function(event, slick, currentSlide) {
  slideCurrent = currentSlide;
});

$btn.on('click', function() {
  if (slideCurrent == 0) {
    $slider.slick('slickGoTo', slideCount - 1);
  } else {
    $slider.slick('slickGoTo', 0);
  }
});
    • 1

相关问题