监听向上滑动手势的代码不起作用答案

【问题标题】：Code that listens for swipe-up gesture not working监听向上滑动手势的代码不起作用
【发布时间】：2013-03-12 23:17:49
【问题描述】：

我正在尝试在文档上的任何位置出现向上滑动手势时发出警报；并且，最终也会在发生 2 个手指滑动手势时。

我以前使用过hammer.js 来监听手势，这段代码对我来说似乎是有效的，但由于某种原因，警报没有发生。

任何想法为什么？

代码如下：

<!Doctype HTML>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Two Swipe!</title>
    </head>
    <body>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="http://raw.github.com/EightMedia/hammer.js/master/dist/jquery.hammer.min.js"></script>
        <script type="text/javascript">
        var hammer = $(document).hammer();
        hammer.on('swipeup', function(event) {
            alert("swiped-up!");
            if( event.gesture.touches.length == 2 )
                alert("two swiped!");
        });
        </script>
    </body>
</html>

【问题讨论】：

标签： javascript jquery multi-touch gesture hammer.js

【解决方案1】：

检查了来源。如果您查看第 208 行的滑动手势 here，您会看到它的最大触摸数设置为 1。我的猜测是这会限制您看到多次触摸。您可能可以修改此代码以满足您的需要，或者为多点触控滑动编写自定义侦听器。

【讨论】：