zepto.js真正可用touch.js滑动模块-解决swipeLeft无效

发布时间:2020-07-27 11:52:46 浏览量:31 来源:测速网

最近在用zepto.js做一个h5手机前端时,发现官方的zepto.js里swipeLeft等方法无效,方法不存在,说要引入模块组件,百度了很多找不到正确的touch.js组件。摸索了很久终于找到并解决了。

在移动端经常需要处理滑动事件,比如banner图的左滑右滑,都需要事件响应,这在PC端是没有这类事件的。而在zepto.js中,下载下来的代码也并没有自动加上对这类事件的支持,但是有提供相应的模块,需要你自己加上去(下表中最后一个touch模块):


zepto的touch.js模块下载地址:

https://github.com/madrobby/zepto/blob/master/src/touch.js#files

github各个模块下载地址:

https://github.com/madrobby/zepto/tree/master/src


使用方法,引入后:

 $('#main').on('swipeLeft', function(){
   console.log('ff')
});