Question

我一直在Slick滑块上添加＆amp; amp;删除功能。

它工作正常，直到我想尝试通过按添加新幻灯片按钮自动滑动到已添加到幻灯片显示的新项目。

$('.js-add-slide').on('click', function() {
  slideIndex++;
  $('.add-remove').slick('slickAdd','<div><h3>' + slideIndex + '</h3></div>');
});

$('.js-remove-slide').on('click', function() {
  $('.add-remove').slick('slickRemove',slideIndex - 1);
  if (slideIndex !== 0){
    slideIndex--;
  }
});

我已经尝试了slickGoTo，但它没有按照我想要的方式解决，所以我完全迷失在这里。

Answer 1

你在codepen中已经很近了：

试试这个：

$('.js-add-slide').on('click', function() {
  slideIndex++;
  var currentSlide = $('.slider-info').slick('slickCurrentSlide');
  $('.slider-info').slick('slickAdd','<div><h3>' + slideIndex + '</h3></div>');
  $('.slider-info').slick('slickGoTo', currentSlide + 1);
});

你需要实际获取currentSlide，在你的codepen中你只传递了字符串'slickCurrentSlide'而你没有调用光滑对象的方法slickCurrentSlide。

这里有工作codepen

光滑 - 自动滑动到添加到幻灯片中的新项目

1 个答案: