查看: 1593|回复: 0
打印 上一主题 下一主题

多个tab,每个tab都有swiper,初始加载完都会切换到第2页

[复制链接]

该用户从未签到

1

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
跳转到指定楼层
楼主
发表于 2020-2-28 19:51:09 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 xjg 于 2020-2-28 19:57 编辑
  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.             $(".tab-pane").each(function (index) {
  22.                 $.swiperOption( $(this), $(this).find(".swiper-pagination"), $(this).find(".swiper-button-prev"), $(this).find(".swiper-button-next"));
  23.             });
复制代码
页面加载好之后所有swiper都会自动翻到第二页,之后不显示的tab就不会在继续翻页,导致切换到后面几个tab时都显示的时第二页,这是什么问题?
就像这样
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-8 09:12 , Processed in 0.063275 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表