javascript - 使用事件映射动态绑定(bind) .on() 方法

Question

我使用这种语法来确保事件绑定(bind)到动态添加的 li 元素上

$('ul.list').on('click', 'li', function() {

   //do something

});

我试着用这样的事件映射来存档:

$('ul.list').hammer({
    css_hacks : false
}).on({
     swipe : function(event){
        //do something
     },
     doubletap : function(event){
        //some more code
     }
}, 'li');

但它根本不起作用。如果我将事件直接绑定(bind)到 li 元素，它适用于现有元素，但不适用于动态添加的元素。

$('ul.list').find('li').hammer({
    css_hacks : false
}).on({
     swipe : function(event){
        //do something
     },
     doubletap : function(event){
        //some more code
     }
});

如何将事件映射绑定(bind)到 future 的元素？

Answer 1

带有 2 个参数的

on() 等同于旧的 bind() 功能。

如果你想让它像 live() 那样工作，像你的第一个例子一样传递第三个参数。

此外，如果您在 hammer() 方法上链接函数时遇到问题，请检查它并确保它返回“this”。

$('ul.list').on({
    swipe : function() { ... },
    doubletap : function() { ... }
},'li');