手机网页，js或jquery判断用户手指擦过的方向

近期上班这要做一个手机网站，页面什么的都没问题，现在面临一个大问题。
用户的网站，列表页，有个管理的功能，类似于微信，在那条数据上，手指向左擦拭，显示删除按钮，向右擦拭，显示修改按钮。
想请教下前辈们，怎么用js或者jquery判断手指擦拭的方向。

js(导入jquery-mobile)

 $(document).on("pagecreate", "#page", function () {
    $(document).on("swipeleft swiperight", "#page", function (e) {
        if ($(".ui-page-active").jqmData("panel") !== "open") {
            if (e.type === "swiperight") {
                alert("向右滑动");
            } else if (e.type === "swipeleft") {
                alert("向左滑动");
            }
        }
    });
});

这个应该是用手机系统的手势，还不是 JS 或 Query。因为 JS 或 Query 本身并没有对手势的支持！

添加touchStart和touchEnd/touchMove事件，判断下event.changedTouches[0].pageX就可以知道方向了

http://aresli.com/finger-direction.html

添加touchStart和touchEnd/touchMove事件
判断下event.changedTouches[0].pageX就可以知道方向了
正解

html

  <div data-role="page" id="page" data-url="page">
        ...
    </div>

这不是jquery了 ，。。。。这还得区分andriod和IOS，忒麻烦