javascript - jQuery 函数不适用于 Hammer.js

Question

我正在尝试将 press 添加到 jQuery 选择器。我在同一个文档上有很多元素，所以我不能为每个元素使用 ID。我尝试通过 $(selector)[i] 进行解释，如 here 所解释的那样。

var selectProduct = $('.mh60 a');
for (var i = 0; i < selectProduct.length; i++) {
  Hammer(selectProduct[i]).on("press", function() {
     $(selectProduct[i]).addClass('active');
  });
}

它不会产生任何错误并且无法工作。我没有得到我在这里缺少的东西。

当我尝试通过 console.log(selectProduct[i]); 记录 selectProduct[i] 时，它会给出 undefined 结果。

更新1

当我删除 for 循环并仅使用 selectProduct[0] 、 selectProduct[1] 时，...它可以工作，但使用 selectProduct[i] ，它不起作用，所以我认为问题出在 for 循环上。但我没听懂。

更新2

我也尝试过 jQuery plugin ，同样的问题

更新3

我再次尝试使用each()，同样的问题。它打印控制台消息，但 addClass() 不起作用。我猜问题出在 this 函数上，它没有返回当前元素。

$('.mh60 a').each(function(){
    var mc = new Hammer(this);
    mc.on("press", function() {
      console.log('Double tap!');
      $(this).addClass('active');
    });
 });

Answer 1

为什么要用for？尝试像这样更改您的代码

var selectProduct = $('.mh60 a');
selectProduct.Hammer().on("press", function() {
  $(this).addClass('active');
});