swiper滑塊顯示單個子彈與jQuery選項卡？

<div class="panel" style="background : transparent; border: none;"> 
     <div id="tabs-centre" style="background : transparent;margin-left:5px;border: none;"> 
     <ul> 
       <li><a href="#tabs-centre-1">op</a></li> 
       <li><a href="#tabs-centre-2">oop</a></li> 
     </ul> 


     <div id="tabs-centre-1"> 
     <!-- Swiper --> 
     <div class="swiper-container"> 
     <div class="swiper-wrapper"> 

     <div class="swiper-slide roundbox"> 
     </div> 
     <div class="swiper-slide roundbox"> 
     </div> 
     <div class="swiper-slide roundbox"> 
     </div> 
     <div class="swiper-slide roundbox"> 
     </div> 
     <div class="swiper-slide roundbox"> 
     </div> 


     </div> 
     <!-- Add Pagination --> 
     <div class="swiper-pagination" ></div> 
     <!-- Add Arrows --> 
     <div class="swiper-button-next"></div> 
     <div class="swiper-button-prev"></div> 
     </div><!--Swiper Ends--> 
     </div><!-- End: Tabs1 --> 

     <div id="tabs-centre-2"> 
     <!-- Swiper --> 
     <div class="swiper-container"> 
     <div class="swiper-wrapper"> 

     <div class="swiper-slide roundbox"> 
     </div> 


     </div> 
     <!-- Add Pagination --> 
     <div class="swiper-pagination" ></div> 
     <!-- Add Arrows --> 
     <div class="swiper-button-next"></div> 
     <div class="swiper-button-prev"></div> 
     </div><!--Swiper Ends--> 
     </div><!-- End: Tabs2 --> 

     </div> 
     </div> 
var swiper = new Swiper('.swiper-container', { 
    pagination: '.swiper-pagination', 
    nextButton: '.swiper-button-next', 
    prevButton: '.swiper-button-prev', 
    slidesPerView: 3, 
    centeredSlides: false, 
    paginationClickable: true, 
    autoplay: 2500, 
    spaceBetween: 15, 
});

這是我的fiddle。我試圖使用idangero swiper與jQuery選項卡，但我得到了所有我想要的結果，除了pagination.slider分頁只顯示一個子彈如果第二個選項卡有單個slide。它適用於單個標籤，但我不知道如何在需要兩個或多個標籤時使用swiper。我怎樣才能做到這一點？swiper滑塊顯示單個子彈與jQuery選項卡？

來源

2015-10-16 R.zeiwald

你錯過了'

相關問題