图片如果是后台上传 分页器就失效了 求指教

新手组

<div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="images/xxx.jpg"></div>
            <div class="swiper-slide"><img src="images/xxx.jpg"></div>
            <div class="swiper-slide"><img src="images/xxx.jpg"></div>
            <div class="swiper-slide"><img src="images/xxx.jpg"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
如上 如果我上面的4张图片是后台添加 那么前端就变成了：
<div class="swiper-wrapper" id="picList">
            //这里不显示图片了
</div>
那么分页器就不显示了（图片的确已经读取到了4张，就是分页器失效了 只有一个点） 左右箭头也点击了不了了
而且把<div class="swiper-pagination"></div>这段拼到JS里也是失效的 怎么破？