据我所知，click() 方法对我不起作用，因为我单击的元素在页面加载时不存在（DOM 就绪）。
我找到了很多建议使用.live('click',function(){...}) 的答案。这很好用！
但是，.live() 自 jQuery 1.7 起已弃用
所以，我尝试改用.on('click',function(){...})，但它不起作用（与.click() 相同。
有谁知道为什么，或者我可以做些什么来使用.on()，类似于.live()（哪个有效）？
【问题讨论】：
标签： jquery onclick onclicklistener
由于on() 替换了bind() 和live()，您需要传递第三个参数才能使用事件委托（换句话说，使其像旧的live() 一样工作）：
$('#container').on('click', '.element', function(){ });
【讨论】：
#container 和 .element 是同一个元素呢？我尝试在两个地方使用相同的元素，但没有运气：/
#container 不能动态生成。正如 j08691 所说，选择一个尽可能靠近动态添加元素的包装元素以提高性能。
你应该可以使用这样的格式：
$(document).on('click','element', function(){...});
其中element 是您要将点击事件绑定到的元素。使用document 是一种最坏的情况，因为理想情况下，您希望使用加载 DOM 时存在的元素，该元素在 DOM 层次结构中更接近将被动态加载的元素。
来自 jQuery .on() 文档：
事件处理程序仅绑定到当前选定的元素；他们 在您的代码调用 .on() 时必须存在于页面上。 为了确保元素存在并且可以被选择，执行事件 绑定在文档就绪处理程序中的元素 页面上的 HTML 标记。如果新的 HTML 被注入到页面中， 在新的 HTML 之后选择元素并附加事件处理程序 放入页面中。
【讨论】：