如何在按钮单击时重置BX滑块编号？

Question

我所拥有的是1个滑块的2个不同按钮（因为滑块的内容是动态的）。我的问题是，由于滑块是使用相同的类触发的，当我单击第二个按钮时，滑块的位置会保留。我想要发生的是每当我点击按钮时滑块重新开始滑动。

0+1+2+3+4=10

$(".modal-close").on('click', function() {
   $(".modal1").hide();
});

$(".modal1").hide();

$(".sampleclick").on('click', function() {
    $(".modal1").show();
     $('.bxslider').bxSlider({
    auto: false,
    controls: false,
    pager: true
  });
});

$(".modal-close").on('click', function() {
   $(".modal1").hide();
});

/* SLIDER */

$(document).ready(function(){

 


});

https://jsfiddle.net/iamacatperson/5s6nowaq/2/

Answer 1

请尝试此代码

var slider = $('.bxslider').bxSlider({
auto: false,
controls: false,
pager: true
});


$(".sampleclick").on('click', function() {
$(".modal1").show();

slider.reloadSlider();

});

$(".modal-close").on('click', function() {
$(".modal1").hide();
});