Swiper中文论坛

标题: 多个tab，每个tab都有swiper，初始加载完都会切换到第2页 [打印本页]

---

作者: xjg    时间: 2020-2-28 19:51
标题: 多个tab，每个tab都有swiper，初始加载完都会切换到第2页

1. $.extend({
   
2.                 "swiperOption": function ( f1, f2, f3, f4) {
   
3.                     new Swiper(f1.find('.swiper-container'), {
   
4.                         autoplay: true,
   
5.                         speed: 1000,
   
6.                         pagination: {
   
7.                             el: f2,
   
8.                             clickable: true,
   
9.                         },
   
10.                         autoplayDisableOnInteraction: false,
    
11.                         navigation: {
    
12.                             nextEl: f4,
    
13.                             prevEl: f3,
    
14.                         },
    
15.                         paginationClickable: true,
    
16.                         observer: true,
    
17.                         observeParents: true,
    
18.                     });
    
19.                 },
    
20.             });
    
21. 
    
22.             $(".tab-pane").each(function (index) {
    
23.                 $.swiperOption( $(this), $(this).find(".swiper-pagination"), $(this).find(".swiper-button-prev"), $(this).find(".swiper-button-next"));
    
24.             });
    

复制代码

页面加载好之后所有swiper都会自动翻到第二页，之后不显示的tab就不会在继续翻页，导致切换到后面几个tab时都显示的时第二页，这是什么问题？
就像这样

---

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

Powered by Discuz! X3.2