Javascript 调整reInit滑块的大小

终端开发人员。我对选项卡中的滑块没有什么问题。我的滑块工作，但当我切换到第二个滑块时，我看不到它。如果我使用firefox的响应工具调整站点大小，滑块将丢失宽度和高度滑块将生成宽度和高度。我使用了

resizeFix（）

和

reInit（）

，但不起作用

有人能帮我吗

HTML

JS

var Swiper1=新的Swiper（'.s1'{
分页：'.p1'，
循环：对，
格雷博：是的，
分页可点击：true
})
$（'.al1'）。在（'click'，函数（e）上{
e、 预防默认值（）
Swiper1.swipePrev（）
})
$（'.ar1'）。在（'click'，函数（e）上{
e、 预防默认值（）
Swiper1.swipeNext（）
})
var Swiper2=新的Swiper（'.s2'{
分页：'.p2'，
循环：对，
格雷博：是的，
分页可点击：true
})
$（'.al2'）。在（'click'，函数（e）上{
e、 预防默认值（）
Swiper2.swipePrev（）
})
$（'.ar2'）。关于（'click'，函数（e）{
e、 预防默认值（）
Swiper2.swipeNext（）
})
$（“#快照_按钮”）。在（'单击'，函数（）上{
Swiper2.resizeFix（）；
Swiper2.reInit（）；
});

好的，我做了这个问题，是因为我使用了引导标签吗

 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        slider2.resizeFix(true);  
        slider1.resizeFix(true); 

---

对于最新版本的Swiper，您需要在Swiper实例上使用“update”方法，而不是reInit（）或resizeFix（）之类的方法。 在Swiper 3.4.2上测试：

 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    slider.update(); 
 }

<script>  
   var Swiper1 = new Swiper('.s1',{
    pagination: '.p1',
    loop:true,
    grabCursor: true,
    paginationClickable: true
  })
  $('.al1').on('click', function(e){
    e.preventDefault()
    Swiper1.swipePrev()
  })
  $('.ar1').on('click', function(e){
    e.preventDefault()
    Swiper1.swipeNext()
  })

   var Swiper2 = new Swiper('.s2',{
    pagination: '.p2',
    loop:true,
    grabCursor: true,
    paginationClickable: true
  })
  $('.al2').on('click', function(e){
    e.preventDefault()
    Swiper2.swipePrev()
  })
  $('.ar2').on('click', function(e){
    e.preventDefault()
    Swiper2.swipeNext()
  })

 $('#shots_button').on('click', function() {
      Swiper2.resizeFix() ;
      Swiper2.reInit() ;
  });
  </script> 

 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        slider2.resizeFix(true);  
        slider1.resizeFix(true); 

 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    slider.update(); 
 }