一、 初始化 swiper-container ,不能直接 display:none;
<style>
.swiper-bookSheet{height:0px;}/*swiper初始化高度为0,不能display:none;*/</style>
二、HTML标签生成
<div class="swiper-container swiper-bookSheet"style="top:0px;background:rgba(102,102,102,0.5);"> </div>
<div class="ele"></div>
三、触发Swiper 动态生成的 js
<script>
var swiperContainer = '<div class="swiper-wrapper"></div><div class="swiper-pagination" style="height: 50px; z-index: 200; "></div>';
$(".ele").click(function(){ //点击之后动态生成 swiper
$(".swiper-bookSheet").append(swiperContainer);
$(".swiper-bookSheet").css("height", "100%");
for (var i = 0; i < spanLength.length; i++) {
var