tab切换后swiper自动轮播卡死

Question

轮播图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切换，左侧切换标签，右侧切换轮播图

Answer 1

请问你怎么解决的