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('更新')
})
这个不需要调用已经是移动执行了的。如果需要调整 直接把 mySwiper3 注册到window下就好了