javascript - .on 不能代替 live

Question

我早就知道 .on 应该会取代 .live，但是我根本无法让它工作。

我试过:

$(this).on('click', function(){
    // Do something...
})

$(this).on({
    click: function(){ // Do something }
})

但它对我不起作用!

特别是当我尝试将事件绑定(bind)到页面上最初可能不存在的元素时。

有人可以为我一劳永逸地解决这个问题吗？

---

我正在使用最新版本的 jquery。

Answer 1

对于动态生成的元素，你需要使用 like

$(document).on('click','YOUR SELECTOR', function(){

});

这是因为 document 是元素的容器，它可以观察 DOM 的变化。对于每一个 Action ，都需要一个显式的事件监听器。如果你将某些东西绑定(bind)到 $(this)，当你删除它时它(选择器)可能不存在。