swiper下loop模式点击事件无效的原因

swiper.js是移动端制作常用的框架,其中又很多方便的方法和参数。

但是,其中也有一些问题。比如使用loop:true这样的参数是,可以滑动片可以循环的滑动场景。但是在DOM结构上,是使用的clone的方式,在首尾各添加一个slide单元。和任何的对象克隆一样,这会带来一些不可预支的问题。

例如:会将slide中所有的代码克隆一次,这会导致你slide中如果包含id的话,导致控制问题。

在这种情况,可以将id改成class,这样就算clone一次,你的控制事件或者其他效果还是可以生效。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值