因為圖片是動態創建的，在插件開始初始化時，文檔流中沒用圖片，故沒有創建相應寬度。通過調整js載入順序，問題還是沒有解決。 最後找到swiper插件 api 有屬性是可以根據內容變動，自動初始化插件的，添加observer：true後問題解決！ var mySwiper = new Swiper (' ...
因為圖片是動態創建的，在插件開始初始化時，文檔流中沒用圖片，故沒有創建相應寬度。通過調整js載入順序，問題還是沒有解決。
最後找到swiper插件 api 有屬性是可以根據內容變動，自動初始化插件的，添加observer：true後問題解決！
var mySwiper = new Swiper ('.swiper-container', {
direction: 'horizontal',
loop: false,
observer:true,//修改swiper自己或子元素時，自動初始化swiper
})
原文作者鏈接地址：https://www.cnblogs.com/demoworld/p/5977799.html
