前端小莫 2019-08-01 19:08 采纳率: 0%
浏览 1095

tab切换后swiper自动轮播卡死

轮播图tab切换后会卡死,observer没有效果。

function RPM(a, b, c, d) {
            var swiper = new Swiper({
                el: a,
                loop: true,
                speed: 500,
                spaceBetween: 10,
                autoplay: {
                    delay: 1000,
                    disableOnInteraction: false,
                },
                observer: true,
                observeParents: true,
                navigation: {
                    nextEl: b,
                    prevEl: c,
                },
                pagination: {
                    el: d,
                    clickable: true,
                },
            });

        }RPM('.swiper-container.sc4-1', '.gb-girl-1-btn-next', '.gb-girl-1-btn-prev', '.swiper-pagination.sc4-1');
        //2-2
        RPM('.swiper-container.sc4-2', '.gb-girl-2-btn-next', '.gb-girl-2-btn-prev', '.swiper-pagination.sc4-2');
        //2-3
        RPM('.swiper-container.sc4-3', '.gb-girl-3-btn-next', '.gb-girl-3-btn-prev', '.swiper-pagination.sc4-3');
        //2-4
        RPM('.swiper-container.sc4-4', '.gb-girl-4-btn-next', '.gb-girl-4-btn-prev', '.swiper-pagination.sc4-4');
        //2-5
        RPM('.swiper-container.sc4-5', '.gb-girl-5-btn-next', '.gb-girl-5-btn-prev', '.swiper-pagination.sc4-5');

        $(".off").hide();
        for (let i = 0; i < 5; i++) {
            $(".pf").eq(i).on("click", function() {
                $(".gb-girl").hide().eq(i).show();
                $(".pf").removeClass("on").eq(i).addClass("on");
            })
        }

        html就是一个很简单的tab切换,左侧切换标签,右侧切换轮播图
  • 写回答

1条回答

  • 名字也要认真对待 2020-11-23 10:13
    关注

    请问你怎么解决的

    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题