使用第三方库Swiper实现移动端触摸滑动是写移动html5的一个不错的选择, 这几天使用中碰到了一些问题这些记录下来跟大家分享下, Swiper有个loop模式,前后可以循环切换很方便, 但是使用了之后发现最后一页的button的点击事件失效了, 百思不得其解, 经过一顿调试发现了这个
他在我写的五个section之外额外给我生成了两个section, 一个是最后一页 放在了第一页前, 一个是第一页 放在了最后一页后, 这时才恍然大悟Swiper实现前后循环切换的效果使用的原理和我们写相册的原理一样, 在前后各加一个页面滑到最后一页的时候其实是倒数第二页 再次滑动切换的是第一页 这样避免前后切换不流畅会有视觉差的问题, 找到原因那么解决起来就很简单了
根据.class找到元素 取出数组中的元素进行相关更改就好了..
原文地址:http://blog.csdn.net/a10241234/article/details/45056377