菜单 eyoucms模板网

站长经验总结
有用户反应模板在使用Swiper时遇到的问题,后台只录入了一条数据,但模板却显示了重复的三个数据经检查发现当设置loop为true导致一行显示多个滑块时,由于数据实际上只有一份,造成页面渲染时复制并连续显示了相同的滑块。解决方法是将loop选项设为false,避免重复显示。var numSwiper = new Swiper('#reddtnum', {visibilityFull

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

发布时间:2024-10-09 10:20:00
点击次数:250
复制本文链接

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

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

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

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

visibilityFullFit: true,

    loop:true,

slidesPerView:4.2,

});


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

收藏

相关文章

加载中~
模板购买咨询
定制仿站咨询
24小时客服
18030990768


模板购买咨询
定制仿站咨询
24小时客服
18030990768