0

I am trying to execute a function on pinch in of the body and then another function on pinch out. Since i'm already using jquery.hammer.js in this document and hammer can listen for in and out pinches, I thought it would be best to use it to listen for the pinches. But, instead of running the functions, I would just run alerts instead for now.

This seems like it should work, but when I pinch in and pinch out, the alerts are not fired.

What am I doing wrong?

Here is my code:

<!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>

I would greatly appreciate any help in getting these alerts to fire on pinch in and out.

4

2 に答える 2

1

あなたのスクリプトの形式が間違っていると思いますか？.get()は、Ajax 呼び出しを行うためのものです。要素を選択するには、jQuery セレクターでラップするだけです。

このように要素を設定してみてください -

var element = $('body');

この単純な例でも、ピンチ イベントを変数にバインドしている理由は明確ではありませんが、動作が停止することはありません。

于 2013-03-17T22:46:55.583 に答える
0

ここではjQueryは必要ありません。使用するだけHammer(document.body).on(...)

于 2013-03-17T22:48:43.397 に答える