码迷,mamicode.com
首页 > 其他好文 > 详细

Swiper开启循环模式页面button失效

时间:2015-04-15 13:43:09      阅读:576      评论:0      收藏:0      [点我收藏+]

标签:html5滑动   swiper   button失效   

使用第三方库Swiper实现移动端触摸滑动是写移动html5的一个不错的选择, 这几天使用中碰到了一些问题这些记录下来跟大家分享下, Swiper有个loop模式,前后可以循环切换很方便, 但是使用了之后发现最后一页的button的点击事件失效了, 百思不得其解, 经过一顿调试发现了这个

技术分享

他在我写的五个section之外额外给我生成了两个section, 一个是最后一页 放在了第一页前, 一个是第一页 放在了最后一页后, 这时才恍然大悟Swiper实现前后循环切换的效果使用的原理和我们写相册的原理一样, 在前后各加一个页面滑到最后一页的时候其实是倒数第二页 再次滑动切换的是第一页 这样避免前后切换不流畅会有视觉差的问题, 找到原因那么解决起来就很简单了

技术分享

根据.class找到元素 取出数组中的元素进行相关更改就好了..

Swiper开启循环模式页面button失效

标签:html5滑动   swiper   button失效   

原文地址:http://blog.csdn.net/a10241234/article/details/45056377

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!