iScroll.js和Swiper.js联合使用时的插件冲突(滑动冲突)

iScroll.js和Swiper.js联合使用时的插件冲突(滑动冲突)                  iScroll.js和Swiper.js联合使用时的插件冲突(滑动冲突)

上面的截图 ,是手机端的一个滑动刷新效果.用的是scroll.js插件.

每项中又有一个滑动,是左右滑动的用swiper.js插件,查看每个班级的信息.

当手从swiper上开始滑动的时候,整个scroll就显得很不灵敏.各种调试,各种alert终于把问题定位在swiper.js的touchend上.

touchend没有冒泡到scroll上,但是touchstart,toucnmove是有冒泡到scroll上的.

找了好久都没有找到哪里阻止了冒泡.最后想到一个办法,就是在swiper的touchend上调用scroll的touchend.

最后在sweiper.jquery.js中添加如下代码.

iScroll.js和Swiper.js联合使用时的插件冲突(滑动冲突)

myScroll是iscroll运行是的的实例化对象._end()是实例touchend触发的事件.

至于源码可以从我的git上下载:

https://github.com/guoyansi/jsUI

上一篇:又一枚精彩的弹幕效果jQuery实现


下一篇:【归并排序】【逆序数】HDU 5775 Bubble Sort