jquery - 从 Hammer 中的元素数组中识别事件触发元素

Question

I have two html divs like this:

<div class="div-class" data-val="1">Div 1</div>
<div class="div-class" data-val="2">Div 2</div> 
<div class="div-class" data-val="2">Div 2</div> 

使用 jquery，当我单击每个 div 时，我可以获得正确的 data-val 值。

var el = $('.div-class');
el.on('click', function(){
    alert($(this).data('val'));  //pop up value '1', '2' or '3' based on click
});

但是，当我尝试在事件双击上使用 Hammer 执行此操作(如下所示)时，它会显示所有三个值，但无法正确识别我的点击。

var el = $('.div-class');
Hammer(el).on('doubletap', function(){
    alert($(this).data('val')); //all three values are shown
});

如何根据我的点击事件仅获取正确的值？(不用担心事件的不同。)

Answer 1

Hammer 处理函数将 event 作为参数传递，因此您可以使用 event.target:

var el = $('.div-class');
Hammer(el).on('doubletap', function(event){
    alert($(event.target).data('val'));
});

有关可从事件获取的属性的更多信息，请参阅Hammer docs的“事件数据”部分。 .