Swiper中文论坛

标题: swiper加载时display:none;用jQuery显示后不滑动？ [打印本页]

作者: tomoyii 时间: 2016-8-15 15:03
标题: swiper加载时display:none;用jQuery显示后不滑动？
本帖最后由 tomoyii 于 2016-8-15 15:06 编辑

   <div id="transbox2" style="width:100%;margin:0 auto;display:none;">
<div class="fbox" style="position:relative;width:100%;">
<div class="mc3">
   <div class="swiper-container">
<div class="swiper-wrapper">
   <div class="swiper-slide red-slide">
<div class="title"></div>
<img src="/dev/mcyzimages/slider1-2.png" width="100%" />
   </div>
   <div class="swiper-slide blue-slide">
<div class="title"></div>
<img src="/dev/mcyzimages/slider1-1.png" width="100%" />
   </div>
   <div class="swiper-slide orange-slide">
<div class="title"></div>
<img src="/dev/mcyzimages/slider1-2.png" width="100%" />
   </div>
</div>
<div class="pagination"></div>
   </div>
</div>
</div>
   </div>

用$("#transbox2").show();显示模块后，滑动失效，求解

作者: 常理杰 时间: 2016-8-15 15:27
是的。必须在点击显示之后再次初始化一下swiper

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)