这种情况如何更新Swiper幻灯片!

Swiper 引入和初始化代码,把每隔函数都写入一个对象种了,头一次见到这种写法!

var win={
'slide_Swiper':function (){
 $.getScript("https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/js/swiper.min.js",function() {
         var mySwiper3 = new Swiper('.swiper-container',{
           direction : 'vertical',
            autoplay: {
              delay: 2000,
              stopOnLastSlide: false,
              disableOnInteraction: true,
            },speed: 2000,
        });
            
        }
    }() 
    
}

我这模板做了尺寸切换,当屏幕变化是重新初始化mySwiper幻灯片,
但是我这样写浏览器报Uncaught ReferenceError: mySwiper3 is not defined错,不知道怎么点击重新初始化这个幻灯片。

    $('#Swiper_update').click(function(){
        win.slide_Swiper();
        mySwiper3.update();
        console.log('更新')
    })
阅读 2.2k
2 个回答

这个不需要调用已经是移动执行了的。如果需要调整 直接把 mySwiper3 注册到window下就好了

你执行 win.slide_Swiper()是异步的,此时异步还没有执行完, mySwiper3是找不到, mySwiper3.update();可以写到 请求回调里面!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题