ボタンクリックでBXスライダの番号付けをリセットするにはどうすればよいですか？

Question

1つのスライダに2つの異なるボタンがあります（スライダの内容は動的なので）。私の問題は、同じクラスを使用してスライダがトリガされるため、2番目のボタンをクリックするとスライダの位置が保持されることです。私が何をしたいのですか？ボタンをクリックするたびにスライダーを1にスライドさせることです。

$(".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(){ 
 

 
    
 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="modal1" style="background: #CCC; width: 1000px;height 1000px; position: absolute; top: 100px; left: 0px;"> 
 

 
       <ul class="bxslider"> 
 
       <li class=""> 
 

 
        <img src="http://1.bp.blogspot.com/_gTJMEP-c2fo/SLffF6y0iTI/AAAAAAAAEAc/aGZ3z7Gc4ac/s640/Cat+Kiss+4.jpg"> 
 
        <br> 
 
        <p><a class="modal-close">CLOSE</a></p> 
 
        
 
       </li> 
 
       <li class=""> 
 

 
        <img src="https://s-media-cache-ak0.pinimg.com/736x/62/26/9c/62269c9bb6312f35247579865d895a33.jpg"><br> 
 
        <p><a class="modal-close">CLOSE</a></p> 
 

 
       </li> 
 
       <li class=""> 
 
       
 

 
        <img src="https://s-media-cache-ak0.pinimg.com/736x/d4/d2/3f/d4d23fa5509136af2a51c69b6af58839.jpg"> 
 
        <br> 
 
        <p> 
 
        
 
        <a class="modal-close">CLOSE</a></p> 
 

 
       </li> 
 
       </ul> 
 
     
 
      </div> 
 

 
      <a class="sampleclick">BUTTON 1</a> 
 
      
 
      <a class="sampleclick">BUTTON 2</a>

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

このコードを試してみてください