如何解决Swiper.js - disableOnInteraction 不适用于 2 个 swiper 实例
我有 2 个与控制器方法链接的 swiper 实例。如果我在第二个 swiper 实例上滑动,则无法让自动播放参数 disableOnInteraction
停止自动播放。它仅适用于主实例。这是我的代码:
//Slider params
let mainSliderSelector = ".main__slider";
let navSliderSelector = ".nav__slider";
//Main Slider Options
let mainSliderOptions = {
loop: true,speed: 750,preloadImages: false,lazy: {
loadPrevNext: true,}
};
//Nav slider params
let navSliderOptions = {
loop: true,effect: "fade",fadeEffect: {
crossFade: true,}
};
//Slider init & controls
mainSlider = new Swiper(mainSliderSelector,mainSliderOptions);
navSlider = new Swiper(navSliderSelector,navSliderOptions);
mainSlider.controller.control = navSlider;
navSlider.controller.control = mainSlider;
//Start autoplay in a custom function
document.querySelector('.element').addEventListener('click',function() {
mainSlider.params.autoplay = {delay:5000,disableOnInteraction:true};
})
是否有一种方法可以为每个 Swiper 实例链接 disableOnInteraction
?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。