用锤子响应Touch事件

Question

目前我正在使用code-A创建一个颜色框并将其值传递给另一个函数colChg()。这很完美。

现在我需要在hammerJS

中使用它

Code-B是我从他们的文档中找到的示例代码。但我不理解如何将.on("click"替换为Hammer(element).on("tap"，以便我当前的代码Code-A也会响应触摸设备。

代码-A

$.each(["#ff6600", "#ff0000", "#00ff00"], function(i, color) {
  $('<input class="colBtn" type="button">')
    .css("background-color", color)
    .on("click",$.proxy(colChg, null, color))
    .appendTo("#colSw");
});

代码-B

var element = document.getElementById('test_el');
    var hammertime = Hammer(element).on("tap", function(event) {
    alert('hello!');
});

谢谢！

Answer 1

使用jQuery插件

如果你想要一个整洁的jQuery集成，我建议使用this plugin。它由与Hammer's相同的开发人员开发，它刚刚被拆分以便轻量级核心版本。然后，您就可以直接在jQuery对象上使用Hammer方法。

$('body').on('tap', callback);

请参阅此JSFiddle。

没有jQuery插件

否则你必须从jQuery对象（实际上只是一个包装器）访问原始DOM元素。

请参阅此JSFiddle。