解決問題：swiper動態加載圖片后無法滑動

原因：swiper在初始化的時候會掃描swiper-wrapper下面的swiper-slide的個數，從而完成初始化，但是由於動態加載時在初始化之后的動作，所以導致無法滑動。

解決方案 1：在動態獲取數據后，馬上對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
        });
    }
});

解決方案2：

  var mySwiper = new Swiper ('.swiper-container', {
        observer:true,//修改swiper自己或子元素時，自動初始化swiper
        observeParents:true,//修改swiper的父元素時，自動初始化swiper
        loop: true, // 循環模式選項
        pagination: {
            el: '.swiper-pagination',
        },

    })