swiper手动滑动后失效解决-创新互联
站在用户的角度思考问题,与客户深入沟通,找到沁阳网站设计与沁阳网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、虚拟空间、企业邮箱。业务覆盖沁阳地区。> 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手动滑动后失效解决-创新互联
本文路径:http://pwwzsj.com/article/dpjhdd.html