所有这些方法都已弃用。您应该使用该on方法来解决您的问题。

如果要定位动态添加的元素，则必须使用

$(document).on('click', selector-to-your-element , function() {
     //code here ....
});

这取代了弃用的.live()方法。

第一个问题是，当您在具有多个元素的 jQuery 集上调用 append 时，会为每个元素创建一个要追加的元素的克隆，因此附加的事件观察器会丢失。

另一种方法是为每个元素创建链接：

function handler() { alert('hello'); }
$('.add_to_this').append(function() {
  return $('<a>Click here</a>').click(handler);
})

另一个潜在的问题可能是在元素被添加到 DOM 之前附加了事件观察器。我不确定这是否有什么要说的，但我认为这种行为可能被认为是不确定的。更可靠的方法可能是：

function handler() { alert('hello'); }
$('.add_to_this').each(function() {
  var link = $('<a>Click here</a>');
  $(this).append(link);
  link.click(handler);
});

Live方法怎么样？

$('.add_to_this a').live('click', function() {
    alert('hello from binded function call');
});

不过，你所做的看起来应该有效。还有一个帖子看起来很相似。

聚会有点晚了，但我想我会尝试澄清 jQuery 事件处理程序中的一些常见误解。从 jQuery 1.7 开始，.on()应使用 , 而不是已弃用的.live(), 将事件处理程序委托给在分配事件处理程序后的任何时候动态创建的元素。

也就是说，切换livefor并不简单，on因为语法略有不同：

新方法（示例 1）：

$(document).on('click', '#someting', function(){

});

不推荐使用的方法（示例 2）：

$('#something').live(function(){

});

如上图，有区别。通过将选择器传递给 jQuery 函数本身，.on()实际上可以调用扭曲实际上类似于.live()：

示例 3：

$('#something').on('click', function(){

});

但是，如果不使用$(document)示例 1，示例 3 将不适用于动态创建的元素。如果您不需要动态委托，示例 3 绝对没问题。

$(document).on() 应该用于所有事情吗？

它会起作用，但如果您不需要动态委派，则使用示例 3 会更合适，因为示例 1 需要浏览器做更多的工作。不会对性能产生任何实际影响，但使用最适合您的方法是有意义的。

如果不需要动态委托，应该使用 .on() 而不是 .click() 吗？

不必要。以下只是示例 3 的快捷方式：

$('#something').click(function(){

});

以上是完全有效的，因此在不需要动态委派时使用哪种方法实际上是个人偏好的问题。

参考：

• jQuery 文档 .on()
• jQuery 文档 .click()
• jQuery 文档 .live()

考虑一下：

jQuery(function(){
  var close_link = $('<a class="" href="#">Click here to see an alert</a>');
      $('.add_to_this').append(close_link);
      $('.add_to_this').children().each(function()
      {
        $(this).click(function() {
            alert('hello from binded function call');
            //do stuff here...
        });
      });
});

它会起作用，因为您将它附加到每个特定元素。这就是为什么您需要 - 在将链接添加到 DOM 之后 - 找到一种方法来显式选择您添加的元素作为 DOM 中的 JQuery 元素并将单击事件绑定到它。

最好的方法可能是 - 正如建议的那样 - 通过 live 方法将它绑定到特定的类。