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/