有用户反应模板在使用Swiper时遇到的问题,后台只录入了一条数据,但模板却显示了重复的三个数据
经检查发现当设置loop为true导致一行显示多个滑块时,由于数据实际上只有一份,造成页面渲染时复制并连续显示了相同的滑块。
解决方法是将loop选项设为false,避免重复显示。
var numSwiper = new Swiper('#reddtnum', {
visibilityFullFit: true,
loop:true,
slidesPerView:4.2,
});
设置的是一行多个显示,然而数据只有一个slider,页面渲染时会复制俩个,连续显示相同的三个,通过排除,只需要将loop:true删除或者改成loop:false,即可
相关文章