我正在使用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发起并冒泡到它时，它将触发您的点击处理程序。这被称为委托事件处理（事件处理委托给父对象）。#child对象尚不存在，您也可以将事件附加到#parent对象，但是当它稍后存在并被点击时，点击事件将冒泡到#parent对象，它将看到它起源于#child，并且有一个关于#child点击事件的事件处理程序，然后触发您的事件。live()和on()的区别，但今晚我又决定试试，你的解释立刻揭示了我一直以来缺失的部分。谢谢！ - MikeSchinkelmouseenter和mouseleave事件，并在处理程序中测试哪一个被触发。使用委托无法使用jQuery的伪“hover”事件。 - jfriend00试试这个：
$('#parent').on('click', '#child', function() {
// Code
});
$.on() 文档中得知：.on() 方法时，这些元素必须已经存在于页面上。$.on() 方法时，你的 #child 元素并不存在，所以事件不会被绑定（不像 $.live()）。然而，#parent 是存在的，因此将事件绑定到它是可以的。#child 冒泡到 #parent 时才触发。.load()方法的成功处理程序中调用它，而不是在.load()方法后面的代码中调用。只有当成功处理程序实际执行时，才能确定＃child已加载，而此前则不能确定。 - jfriend00$(document).on('click', '.selector', function() { /* do stuff */ });
.selector的元素时，事件会冒泡到主文档——只要没有其他调用event.stopPropagation()方法的侦听器，它就会停止将事件冒泡到父元素。
你不是绑定到特定的元素或一组元素，而是监听来自符合指定选择器的元素的任何事件。这意味着你可以创建一个监听器，一次，它将自动匹配当前存在的元素以及任何动态添加的元素。
这样做有几个聪明之处，包括性能和内存利用（在大型应用程序中）。
显然，你可以监听最接近的父元素，并使用任何元素代替 document ，只要你想要监视事件的子级在该父元素内...但这实际上与问题无关。$(element).on(...)。这应该改为使用 $(document).on(...,element,...)。两者不同。 - cHao在1.7中与.live()等价的方法看起来是这样的：
$(document).on('click', '#child', function() ...);
.live()一样）。 - cHao.live()方法被废弃的原因之一是因为将所有实时事件处理程序都放置在文档对象上会导致速度变慢。不仅需要将事件冒泡到文档，而且您可能需要查找文档对象上的许多事件处理程序。.on()的主要优点是您可以将其附加到更接近实际对象的父对象上，从而显着提高性能。因此...我不建议使用.on()与文档对象一起使用，选择一个更靠近的父对象会更好。 - jfriend00.live()方法; 然而，控制委托的能力肯定是有优势的。 - Dan Lugg我知道回答有点晚，但是我已经为 .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()方法之前，只需将其包含即可。
return jQuery('body').on(evt, this.selector, func);，否则方法链接将无法工作，并且在 $ 不可用的环境中也无法工作。 - Skynet.on()方法适用于jQuery版本1.7及以上。如果您使用的是旧版本，请使用以下方法：
$("#SomeId").live("click",function(){
//do stuff;
});
.delegate()的性能要比.live()好得多，这就是为什么jQuery文档推荐使用它并弃用.live()的原因。是的，.live()仍然可以使用，但是在SO上的答案应该建议更好的解决方法。我在SO上已经看到过这种情况20次了。如果你在SO上发布带有.live()的代码，它会被打负评（除非还有其他严重问题，否则通常不是由我打的）。 - jfriend00.live()在1.7版本中确实有效，但你仍应该使用.delegate()或.on()，因为.live()已经被弃用了。只要你注意到两个新函数的语法变化，任何一个都可以正常工作。 - nnnnnnfunction caller(){
$('.ObjectYouWntToCall').on("click", function() {...magic...});
}
$('<dom class="ObjectYouWntToCall">bla... bla...<dom>').appendTo("#whereeveryouwant");
caller();
.live()文档，它会告诉您如何重写现有的.live()使用方式以使用.delegate()或.on()（取决于您是否使用1.7+版本）。请注意，如果您像您提到的那样在动态加载元素后使用.click()添加处理程序，它应该可以工作 - 唯一的问题是尝试在动态加载元素之前使用.click()进行分配。 - nnnnnn