因為banner圖是動態建立的，在外掛開始初始化時，文件流中沒用圖片，故沒有建立相應寬度，通過調整js載入順序，問題還是沒有解決。最後找到swiper外掛 api 有屬性是可以根據內容變動，自動初始化外掛的，新增observer：true後問題解決！

 }) 

轉：https://www.cnblogs.com/demoworld/p/5977799.html

如果遇到滑動時把第一張隔過去了，可以把初始化寫在ajax成功回撥中。

2.在動態獲取資料後馬上對swiper進行初始化

$.ajax({
    type:"get",
    url:finalUrl,
    dataType:"json",
    success:function(data){
        $("#reportList").empty();
        for(var i=0;i<reportLength;i++){
            var url="'"
 
+"reportDetial.html"+location.search+"&noticeId="+reportList[i].id+"'";
            reportHtml+='<div class="swiper-slide report-item" onclick="reportJump('+url+')">'
                +'<div class="item-title">'+data.resp[i].title+'</div>'
                +'<div class="item-content">'
 
+data.resp[i].content+'</div>'
                +'<div class="item-date">'+data.resp[i].createTime+'</div>'
            +'</div>';
        }
        $("#reportList").append(reportHtml);
        var swiper = new Swiper('.swiper-container', {
            slidesPerView : 3，。。。。。。。
        });
    }
});