带有JQuery插件的Hammer.js没有触发事件

Hammer.js with the JQuery plugin not firing event

本文关键字:事件 js JQuery 插件 Hammer 带有      更新时间:2023-09-26

我有以下JS,用于使用Hammer.JS JQuery插件对元素'.snap_img'执行双击事件。

$("body").hammer().on('doubletap','.snap_img',function() {
    img_src = (this).getAttribute('src');
    alert(img_src);
    return false;
});

元素".snap_img"是由AJAX post()请求动态创建的。因此,我需要活动代表团能够发射锤子事件。这个JS基于这段代码,它成功地在动态加载的.snap_img元素上触发了一个点击事件:

$("body").on('click','.snap_img',function() {
    img_src = (this).getAttribute('src');
    alert(img_src);
    return false;
});

如何使用Hammer JQuery插件编写代码?我想解决方案应该与这个问题中的第二段代码非常相似,但我似乎无法理解。

如果您正在使用Hammer,您可以尝试以下操作:

var i = 0
$('.snap_img').get(0).hammer().on('doubletap', function(e) {
  i++
  console.log( 'double tap' + i )
})