美文网首页
解决swiper插件点击/拖动按钮或页面后不自动轮播的问题

解决swiper插件点击/拖动按钮或页面后不自动轮播的问题

作者: 禾苗种树 | 来源:发表于2022-07-15 10:55 被阅读0次
    • 解决方法 我使用的是Swiper 4.5.0版本,
      因为swiper默认点击后不自动轮播所以要设置一下
    autoplay: { disableOnInteraction: false }
    
    • 全部代码
    $(function(){
            var swiper = new Swiper('.swiper-container', {
                    // autoplay:true,
                   
                    loop:true,
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                       
                    },
                    navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                    },
                    autoplay: { disableOnInteraction: false }
                });
    
             
        })
    

    相关文章

      网友评论

          本文标题:解决swiper插件点击/拖动按钮或页面后不自动轮播的问题

          本文链接:https://www.haomeiwen.com/subject/oliqirtx.html