Блог

У меня есть два HTML-раздела, подобных этому:

 <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, я могу получить правильное значение data-val, когда я нажимаю на каждый div.

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

Но когда я пытаюсь сделать это с помощью Hammer для события doubletap, как показано ниже, он показывает все три значения без правильного определения моего клика.

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

Как я могу получить только правильное значение на основе события моего клика?
(Не беспокойтесь о разных событиях.)

Функция обработчика Hammer передается в event качестве параметра, поэтому вы можете использовать event.target :

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

Дополнительную информацию о свойствах вы можете получить в event разделе «Данные о событиях» документации Hammer.