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