swiper加载时display:none;用jQuery显示后不滑动？

tomoyii

          <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();显示模块后，滑动失效，求解

常理杰

是的。必须在点击显示之后 再次初始化一下swiper