欢迎访问广州天荣科技,专注网站建设 · 模板定制 · 源码下载
加入VIP

swiper代码中只有一个slider,但页面却显示多个重复的

更新时间:2024-10-09 浏览:
swiper代码中只有一个slider,但页面却显示多个重复的
价格: 免费

有用户反应模板在使用Swiper时遇到的问题,后台只录入了一条数据,但模板却显示了重复的三个数据

经检查发现当设置loop为true导致一行显示多个滑块时,由于数据实际上只有一份,造成页面渲染时复制并连续显示了相同的滑块。

解决方法是将loop选项设为false,避免重复显示。

var numSwiper = new Swiper('#reddtnum', {

visibilityFullFit: true,

    loop:true,

slidesPerView:4.2,

});


设置的是一行多个显示,然而数据只有一个slider,页面渲染时会复制俩个,连续显示相同的三个,通过排除,只需要将loop:true删除或者改成loop:false,即可

想要这个模板?联系我们获取下载方式

QQ在线咨询 ☎拨打电话 微添加微信 ↑返回顶部