解决问题：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',
         },

     })