在动态加载的内容上使用hammer.js

Question

我正在尝试用hammer.js开发一个web应用。

我可以让它工作得很好，除了用ajax加载的内容。

我使用jquery的hammer.js特殊事件插件。

下面的代码运行良好：

$('#menu a').on("tap", function(event) {
 //console.log(event);
});

但是当我使用jquery委托语法时：

$('body').on("tap", '#menu a', function(event) {
 //console.log(event);
});

什么都没发生。

正确的语法是什么？

Answer 1

如果您动态添加a元素，请尝试执行以下操作：

$('#menu').on("tap", 'a', function(event) {
  //console.log(event);
});

或者这样：

$('#menu').hammer().on("tap", 'a', function(event) {
  //console.log(event);
});