swiper4自动轮播切换手动触碰后停止踩坑——属性disableOnInteraction

swiper4轮播设置autoplay自动切换后,即默认设置:

复制代码
<script>
var mySwiper = new Swiper('.swiper-container', {
  autoplay:true,//等同于以下设置
  /*autoplay: {
    delay: 3000,
    stopOnLastSlide: false,
    disableOnInteraction: true,
    },*/
});
</script>
复制代码

disableOnInteraction属性

用户操作swiper之后,是否禁止autoplay。默认为true:停止。
如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。
操作包括触碰,拖动,点击pagination等。
 
注意:个人踩坑:设置的自动轮播,只要用户手一碰到轮播,则再也不自动轮播了,原来是这个属性导致的,如果需要始终自动轮播,也可以手动轮播,则要把这个属性设为false。
posted @   蓓蕾心晴  阅读(7781)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
历史上的今天:
2017-03-05 javaScript实现归并排序
2017-03-05 js插入节点appendChild和insertBefore
2017-03-05 JS的事件冒泡和事件捕获
2017-03-05 js 停止事件冒泡 阻止浏览器的默认行为
2017-03-05 事件绑定的几种常见方式
2017-03-05 js焦点轮播图
点击右上角即可分享
微信分享提示