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

我有两个不同的按钮用于一个滑块（因为滑块的内容是动态的）。我的问题是，由于滑块是使用同一类触发的，当我单击第二个按钮时，滑块的位置将保留。我希望滑块在我单击按钮时重新启动到幻灯片1

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

$（“.modal1”）.hide（）；
$（“.sampleclick”）.on（'click'，function（）{
$（“.modal1”）.show（）；
$（'.bxslider'）.bxslider({
汽车：错，
控件：false，
寻呼机：对
});
});
$（“.modal close”）。在（'click'，function（）上{
$（“.modal1”）.hide（）；
});
/*滑块*/
$（文档）.ready（函数（）{
});





接近





接近






接近



按钮1
按钮2
请尝试此代码

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();
});