JS应该听取捏和捏不工作

时间:2013-03-17 22:34:10

标签: javascript jquery multi-touch gestures hammer.js

我试图在捏住身体时执行一个功能,然后在捏合时执行另一个功能。 由于我已经在本文档中使用了jquery.hammer.js,并且锤子可以听取进出的捏,我认为最好用它来听取压力。 但是,我现在只是运行警报而不是运行函数。

这似乎应该可行,但是当我捏合并捏出时,警报不会被触发。

我做错了什么?

这是我的代码:

<!Doctype HTMl>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Pinch me!</title>
    </head>
    <body>

        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="//raw.github.com/EightMedia/hammer.js/master/dist/jquery.hammer.min.js"></script>
        <script type="text/javascript">
        var element = $('body').get();
        var hammertime = Hammer(element).on("pinchin", function(event) {
            alert("pinch in!");
        });
        var hammertimes = Hammer(element).on("pinchout", function(event) {
            alert("pinch out!");
        });
        </script>
    </body>
</html>

我非常感谢任何帮助,以便在进出时启动这些警报。

2 个答案:

答案 0 :(得分:1)

我认为您的脚本格式不正确? .get()用于进行Ajax调用。要选择一个元素,只需将其包装在jQuery选择器中即可。

尝试设置这样的元素 -

var element = $('body');

我不清楚为什么你在这个简单的例子中将夹点事件绑定到变量,但它不应该阻止它工作。

答案 1 :(得分:0)

这里你不需要jQuery。只需使用Hammer(document.body).on(...)

即可