美文网首页
解决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