我有一段 jQuery，它循环遍历给定 div( #container)中的每个元素，并在每次单击跨度时发出 javascript 警报。如果<span>'s 是静态的，这可以正常工作。
但是，如果我使用一段代码，如：
$(someLink).click(function(){
$("#container").html( <new html with new spans> )
});
jQuery 代码不会触发。奇怪的是虽然
我的问题是：是否有原因我的 Click 事件对动态创建的项目不起作用？我假设我必须在我的文档中添加一些准备好的东西或心跳脚本（每 100 毫秒触发一次）以连接事件？
做这个：
$( '#wrapper' ).on( 'click', 'a', function () { ... });
where#wrapper是一个静态元素，您可以在其中添加动态链接。
因此，您有一个硬编码到 HTML 源代码中的包装器：
<div id="wrapper"></div>
然后用动态内容填充它。这个想法是将事件委托给该包装器，而不是直接在动态元素上绑定处理程序。
顺便说一句，我推荐Backbone.js - 它为这个过程提供了结构：
var YourThing = Backbone.View.extend({
// the static wrapper (the root for event delegation)
el: $( '#wrapper' ),
// event bindings are defined here
events: {
'click a': 'anchorClicked'
},
// your DOM event handlers
anchorClicked: function () {
// handle click event
}
});
new YourThing; // initializing your thing
来源：这篇文章
如果您动态创建元素（使用 javascript），则此代码不起作用。因为， .click() 会将事件附加到已经存在的元素上。当您使用 javascript 动态创建元素时，它不起作用。
为此，您必须使用其他一些适用于动态创建的元素的函数。这可以通过不同的方式完成..
早些时候我们有 . 活()函数
$('selector').live('click', function()
{
//your code
});
但 .live() 已弃用。这可以用其他函数代替。
委托（）：
使用delegate () 函数可以点击动态生成的HTML 元素。
例子：
$(document).delegate('selector', 'click', function()
{
//your code
});
编辑：delegate() 方法在 3.0 版中已弃用。请改用 on() 方法。
在（）：
使用on () 函数可以点击动态生成的 HTML 元素。
例子：
$(document).on('click', 'selector', function()
{
// your code
});
尝试类似
$("#container").on('click', 'someLinkSelector', function(){ $("#container").html( <new html with new spans> ) });
您基本上需要从 DOM 的非动态部分附加您的事件，以便它可以监视动态创建的元素。
您必须将单击事件添加到现有元素。您不能向动态创建的 dom 元素添加事件。如果您想向它们添加事件，您应该使用“.on”将事件绑定到现有元素。
$('p').on('click','selector_you_dynamic_created',function(){...});
.delegate 也应该工作。
$("#container").delegate("span", "click", function (){
alert(11);
});