18910140161

求助!swiper鼠标放上面停止变动报错。

顺晟科技

2022-09-15 12:13:34

299


    var swiper = new Swiper('.swiper-container', {
        spaceBetween: 30,       //slide之间的距离
        centeredSlides: true,   //若为真,那么活动块会居中,而非默认状态下的居左
        mousewheel: false,
        grabCursor: true,
        autoplay: {             //自动切换
            delay: 1000,
            disableOnInteraction: false
        }
    });
    //鼠标悬停停止切换
    $('.swiper-container').hover(function(){
        swiper.autoplay.stop();
    },function(){
        swiper.autoplay.start();
    });

控制台报错:

(index):138 Uncaught ReferenceError: swiper is not defined
    at HTMLDivElement.<anonymous> ((index):138)
    at HTMLDivElement.handle (jquery.min.js:2)
    at HTMLDivElement.dispatch (jquery.min.js:2)
    at HTMLDivElement.y.handle (jquery.min.js:2)

求助如何解决?
Swiper 3.4.2

swiper未定义,说明在你hover获取这个swiper示例的时候,swiper的作用域不对或者说swiper被干掉了,函数里拿不到这个值。

因为不清楚你的上下文,你可以先将上面的改写为window.mySwiper = new Swiper,hover再去获取window.mySwiper看下。

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航