移动端触屏事件hammer.js

hammerjs.github地址
以前的移动端项目由于已经使用了jQuery,当我再去使用zepto的时候发现会有一些冲突，并且zepto和jQuery的功能有些相似，于是找到了hammer.js，github上面start还是蛮多的，包含了许多触屏事件。
我想要实现的一个功能是从屏幕侧边开始的滑动，而不是页面任何位置滑动（因为会影响页面中有轮播图的滑动），让侧边栏出现，这个功能貌似webapp感应不了。于是只能从页面按钮中点击出现侧边栏，但是当侧边栏出现，右滑回去消失是可以实现的。
引入hammer.js库

var hammertime = new Hammer(myElement, myOptions);
hammertime.on('pan', function(ev) {
    console.log(ev);
});

myElement必须是一个dom对象，如果使用了zepto或者jquery的需要转化为dom对象
1. pan类（平移）

• pan
• panstart
• panmove
• panend
• pancancel
• panleft
• panright
• panup
• pandown
  2. pinch类（捏拿缩放）
• pinch
• pinchstart
• pinchmove
• pinchend
• pinchcancel
• pinchin
• pinchout
  3. press类（按住）
• press
• pressup
  4. rotate类（旋转）
• rotate
• rotatestart
• rotatemove
• rotateend
• rotatecancel
  5. swipe类（滑动）
• swipe
• swipeleft
• swiperight
• swipeup
• swipedown