因為banner圖是動態創建的，在插件開始初始化時，文檔流中沒用圖片，故沒有創建相應寬度，通過調整js加載順序，問題還是沒有解決。最后找到swiper插件 api 有屬性是可以根據內容變動，自動初始化插件的，添加observer：true后問題解決！
var mySwiper = new Swiper ('.swiper-container', {
pagination: '.swiper-pagination',
autoplay: 5000,
loop: true,
observer:true,//修改swiper自己或子元素時，自動初始化swiper
observeParents:true,//修改swiper的父元素時，自動初始化swiper
})