课程
/前端开发
/WebApp
/移动端开发框架Zepto.js入门
老师,你好!
我最近做了一个滑屏效果,用zepto.js也加载touch模块了,左右滑动好用,上下滑动swipeUp,swipeDown在手机上没有反应,不触发这个事件,想问一下怎么解决?
2014-12-20
源自:移动端开发框架Zepto.js入门
正在回答
默认行为只支持左右,上下操作还需要额外设置
var page2 = $("#page2");//jQuery对象page2
var hammerPage2 = new Hammer(page2[0]);
hammerPage2.get('swipe').set({ direction: Hammer.DIRECTION_ALL });
hammerPage2.on('swipeleft swiperight swipeup swipedown',page2TouchStart);
下划线这句是关键!!
手机有默认的上下滑动事件加上下面这句即可
document.addEventListener('touchmove', function (event) { event.preventDefault(); }, false);
swipeDown在pc上测试没问题,但在手机(ios)上没效果。楼上的方法我也尝试了没用。 还有说zepto要引入 touch.js模块 官网上是没有的 去github下载 然后引入 touch.js即可 。我也没找到合适的,求解决方法。
加上这句试试
web_ing
同求啊,想写个向上划动的代码,发现swipeUp没反应
举报
移动端开发必学框架---Zepto.js入门视频教程,学起来吧