var mySwiper = new Swiper('.swiper-container', {
autoplay: {
disableOnInteraction: false,
delay: 2500,
},
preventLinksPropagation: false, // 阻止点击事件冒泡
speed: 500,
loop: true,
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
onSlideChangeEnd: function (swiper) { // pagination BUG
var activeIndex = swiper.activeIndex;
$('.swiper-pagination')
.find('span')
.eq(activeIndex)
.addClass('swiper-pagination-bullet-active')
.siblings()
.removeClass('swiper-pagination-bullet-active');
}
});
// 鼠标移入停止自动滚动
$('.swiper-slide').mouseenter(function() {
mySwiper.autoplay.stop();
})
// 鼠标移出开始自动滚动
$('.swiper-slide').mouseleave(function() {
mySwiper.autoplay.start();
})
本文名称:swiper手动滑动后失效解决
网站URL:
http://cxhlcq.com/article/pisdje.html