Hammer.js与JQuery插件没有触发事件

时间:2014-11-13 18:41:27

标签: javascript jquery ajax hammer.js

对于带有Hammer.js JQuery插件的元素'.snap_img',我有以下JS用于doubletap事件。

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

元素'.snap_img'是由AJAX post()请求动态创建的。因此,我需要事件委托才能解雇Hammer事件。这个JS基于这段代码,它成功地在动态加载的.snap_img元素上触发click事件:

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

如何使用Hammer JQuery插件制作代码?我认为解决方案应该与此问题中的第二段代码非常相似,但我似乎无法弄明白。

1 个答案:

答案 0 :(得分:0)

如果您使用Hammer,可以尝试以下方法:

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