如何在hammer.js中按类名选择元素？

Question

我正在尝试使用hammer.js 并使用它们的类名而不是它们的ID 来选择元素。

但是，我的代码似乎只选择了具有类名的第一个元素，而忽略了具有相同类名的其余元素。

它也没有得到 $(this).attr('id);出于某种原因！

这是一个有效的小提琴：

jsfiddle.net/cku6xap9/

如果您在第一个元素上向左滑动，您会看到未定义的警报，但在其他元素上向左滑动时没有任何反应。

有人可以就这个问题提出建议吗？

提前致谢。

Answer 1

你有一些错误：

• document.querySelector 只选择一个元素。请改用document.querySelectorAll

• 您是在全局声明hammer，而不是为每个元素使用一个实例

• 在$(this).attr('id'); 中，this 是锤子的上下文，而不是 HTML 元素

试试这个：

$('.box').each(function(){
    var mc = new Hammer(this);
    mc.on("swipeleft", function(e) {
       var id = e.target.id;
       alert(id)
    });
});