Question

据我所知，click()方法对我不起作用，因为我点击的元素在页面加载（DOM ready）上不存在。

我发现许多答案建议使用.live('click',function(){...})。这很棒！

但是，从{jQuery 1.7

开始，.live()已弃用

所以，我尝试使用.on('click',function(){...})，但它不起作用（与.click()的行为相同。

有没有人知道为什么，或者我可以做什么来.on()使用.live()（哪个有效）？

Answer 1

由于on()替换了bind()和live()，您需要传递第三个参数才能使用事件委派（换句话说，让它像旧的一样工作live()）：

$('#container').on('click', '.element', function(){ });

Answer 2

你应该可以使用这样的格式：

$(document).on('click','element', function(){...});

其中element是要将click事件绑定到的元素。使用document是一种最糟糕的情况，因为理想情况下，您希望使用DOM加载时存在的元素，该元素在DOM层次结构中更接近于将动态加载的元素。

来自jQuery .on()文档：

事件处理程序仅绑定到当前选定的元素;他们在您的代码调用.on（）时页面上必须存在。要确保元素存在且可以选择，请执行事件绑定在文档就绪处理程序中的元素页面上的HTML标记。如果将新HTML注入页面，选择元素并在新HTML之后附加事件处理程序放入页面。