swiper下loop模式点击事件无效的原因
2015-11-11 10:09
176 查看
swiper.js是移动端制作常用的框架,其中又很多方便的方法和参数。
但是,其中也有一些问题。比如使用loop:true这样的参数是,可以滑动片可以循环的滑动场景。但是在DOM结构上,是使用的clone的方式,在首尾各添加一个slide单元。和任何的对象克隆一样,这会带来一些不可预支的问题。
例如:会将slide中所有的代码克隆一次,这会导致你slide中如果包含id的话,导致控制问题。
在这种情况,可以将id改成class,这样就算clone一次,你的控制事件或者其他效果还是可以生效。
但是,其中也有一些问题。比如使用loop:true这样的参数是,可以滑动片可以循环的滑动场景。但是在DOM结构上,是使用的clone的方式,在首尾各添加一个slide单元。和任何的对象克隆一样,这会带来一些不可预支的问题。
例如:会将slide中所有的代码克隆一次,这会导致你slide中如果包含id的话,导致控制问题。
在这种情况,可以将id改成class,这样就算clone一次,你的控制事件或者其他效果还是可以生效。
相关文章推荐
- 【Swiper插件应用-01】基于Swiper实现的列表切换效果
- 关于Swiper3.x的a标签bug
- Swiper使用说明
- 如何使用Swiper在同一个页面上多个轮播组件
- Swiper 简单实例
- 微信小程序的视图容器—swiper
- 微信小程序------轮播图
- 仿移动端触摸滑动插件swiper,的简单实现
- swiper 单slide轮播
- swiper 重新初始化
- 解决swiper动态数据加载在移动端下左右滑动不好使?
- swiper教程--swiper的基础使用(二十)
- swiper教程——swiper的基础使用(十九)
- swiper的基础使用(十八)
- swiper的基础使用(十七)
- swiper的基础使用(十六)
- swiper的基础使用(十五)
- swiper的基础使用(十四)
- swiper的基本使用(十三)
- swiper的基础教程(十二)