如何在鼠标进入时停止滑动滑动自动播放并在鼠标离开时开始自动播放?
How to stop swiper slide autoplay on mouse enter and start autoplay on mouse leave?
如何在鼠标进入时停止滑动滑动自动播放并在鼠标离开时开始自动播放?我已经尝试了 .stopAutoPlay() 和 .startAutoPlay() 功能,但对我不起作用。
谢谢,这是代码。
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
spaceBetween: 0,
loop: true,
effect: 'slide',
longSwipes: true,
autoplay:2000,
autoplayDisableOnInteraction:true,
});
$(".swiper-container").mouseenter(function(){
swiper.stopAutoPlay();
});
$(".swiper-container").mouseleave(function(){
swiper.startAutoPlay();
});
查看 swiper API 文档,你应该使用 mySwiper.startAutoplay(),字母 "p" 是小写
如何在鼠标进入时停止滑动滑动自动播放并在鼠标离开时开始自动播放?我已经尝试了 .stopAutoPlay() 和 .startAutoPlay() 功能,但对我不起作用。
谢谢,这是代码。
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
spaceBetween: 0,
loop: true,
effect: 'slide',
longSwipes: true,
autoplay:2000,
autoplayDisableOnInteraction:true,
});
$(".swiper-container").mouseenter(function(){
swiper.stopAutoPlay();
});
$(".swiper-container").mouseleave(function(){
swiper.startAutoPlay();
});
查看 swiper API 文档,你应该使用 mySwiper.startAutoplay(),字母 "p" 是小写