Hammer.js不起作用

Question

我正在使用Hammer.js，並且包含了Hammer和Hammer JQuery插件，如下所示：

<script src='res/stat/js/hammer.js'></script>
<script src='res/stat/js/jquery.hammer.js'></script>

現在，使用此代碼，我試圖雙擊以起作用：

<script>
    var element = document.getElementsByClassName('snap_item');
    var hammertime = Hammer(element).on("doubletap", function(event) {
        alert('hello!');
    });   
</script>

類名為“ snap_item”的元素存在並且拼寫正確。 Hammer.js和JQ插件的路徑也正確。 我已經在iPhone 5S上對其進行了測試，當我雙擊該元素時它什么也沒做。

有人知道這是怎么回事嗎？ 我也包括了JQuery V2。 那是問題所在嗎？

Answer 1

document.getElementsByClassName返回元素數組。 Hammer構造函數只能使用一個元素。 自行初始化每個：

var elements = document.getElementsByClassName('snap_item');

[].slice.call(elements).forEach(function(element) {
    var hammertime = new Hammer(element);
    hammertime.on('doubletap', function(event) {
         alert('hello!');
    });
});

JSFiddle演示： http : //jsfiddle.net/nw6dvgck/