我正在使用 jQuery v.1.7.1，其中 .live() 方法显然已被弃用。
我遇到的问题是，当使用以下方法将 html 动态加载到元素中时：
$('#parent').load("http://...");
如果我之后尝试添加点击事件，它不会使用以下任一方法注册该事件：
$('#parent').click(function() ...);
或者
// according to documentation this should be used instead of .live()
$('#child').on('click', function() ...);
实现此功能的正确方法是什么？它似乎只适用于 .live() 对我来说，但我不应该使用这种方法。请注意，#child 是一个动态加载的元素。
谢谢。
如果您希望单击处理程序为动态加载的元素工作，那么您可以在父对象（不会动态加载）上设置事件处理程序，并为它提供一个与您的动态对象匹配的选择器，如下所示：
$('#parent').on("click", "#child", function() {});
事件处理程序将附加到该#parent对象上，并且无论何时单击事件冒泡到它，该事件起源于#child，它都会触发您的单击处理程序。这称为委托事件处理（事件处理委托给父对象）。
这样做是因为#parent即使#child对象尚不存在，您也可以将事件附加到对象，但是当它稍后存在并被点击时，点击事件将向上冒泡到该#parent对象，它会看到它起源于#child和有一个事件处理程序用于单击#child并触发您的事件。
尝试这个：
$('#parent').on('click', '#child', function() {
// Code
});
从$.on()文档：
事件处理程序仅绑定到当前选定的元素；在您的代码调用 时，它们必须存在于页面上
.on()。
#child当您调用$.on()它时，您的元素不存在，因此事件不受约束（与 不同$.live()）。#parent但是，确实存在，因此将事件绑定到该事件是可以的。
我上面代码中的第二个参数充当“过滤器”，仅在事件冒泡到#parentfrom时才触发#child。
$(document).on('click', '.selector', function() { /* do stuff */ });
编辑：我提供了更多关于它是如何工作的信息，因为......词。在此示例中，您将在整个文档上放置一个侦听器。
当您click使用任何匹配的元素时.selector，事件会冒泡到主文档——只要没有其他调用event.stopPropagation()方法的侦听器——这将超过事件到父元素的冒泡。
您不是绑定到特定元素或元素集，而是侦听来自与指定选择器匹配的元素的任何事件。这意味着您可以一次性创建一个侦听器，该侦听器将自动匹配当前存在的元素以及任何动态添加的元素。
这很聪明，原因有几个，包括性能和内存利用率（在大规模应用程序中）
编辑：
显然，您可以侦听的最接近的父元素更好，并且您可以使用任何元素来代替，document只要您要监视事件的子元素在该父元素内……但这确实没有任何关系带着问题。
1.7 中 .live() 的等价物如下所示：
$(document).on('click', '#child', function() ...);
基本上，查看文档中的点击事件并为#child 过滤它们。
我知道答案有点晚了，但我已经为 .live() 方法创建了一个 polyfill。我已经在 jQuery 1.11 中测试过它，它似乎工作得很好。我知道我们应该尽可能地实现 .on() 方法，但在大型项目中，无论出于何种原因都无法将所有 .live() 调用转换为等效的 .on() 调用，以下可能工作：
if(jQuery && !jQuery.fn.live) {
jQuery.fn.live = function(evt, func) {
$('body').on(evt, this.selector, func);
}
}
只需在加载 jQuery 之后和调用 live() 之前包含它。