jQuery与动态生成的元素
我已经使用jQuery一两周了，我注意到它可以与原始HTML文档中的对象一起使用，但是当我使用jQuery生成一个新元素时，库不会获得任何事件。
假设我尝试运行这样的事情：
$('.whatever').click(function() { alert("ALERT!"); }); 如果HTML确实有这样的东西：
Whatever
然后点击Whatever这个词给我一个很好的警报。
但是如果使用jQuery动态添加span元素，则单击它时没有任何反应。
有没有办法让jQuery与这些元素一起工作？
那是因为:( 更正）
$('.whatever').click(function() { alert("ALERT!"); });
用字面意思表示：
查找页面上当前具有“.whatever”类的所有元素 该结果集中的Foreach元素将此函数绑定到其click事件
所以很自然地，添加一个新的DOM元素不会自动应用点击。
解决此问题的最佳方法是在插入阶段创建绑定，即：
var x = document.createElement("span"); $(x).click(function(){ }); //etc $(somcontiner).append(x);
只需重新绑定所有内容的警告
如果做错了，它可能会导致不良影响，即使事件触发事件增加的次数。 要停止此操作，您可能需要首先取消绑定它们以删除先前的通行证绑定。
即
$(x).click(foo); $(x).click(bar); //foo and bar should both execute.
所以要阻止这一点，你需要
$(x).unbind("click"); $(x).click(foo);
重新绑定。
如果您有jQuery 1.3或更高版本，请尝试使用live将事件添加到动态生成的元素：
$('.whatever').live("click", function() { alert("ALERT!"); });
谢谢大家。
不知怎的，我认为jQuery只需将它们添加到任何地方就可以自动将元素添加到DOM中。
我还发现了一些关于这个主题的额外信息：
http://learningjquery.com/2008/03/working-with-events-part-1
http://learningjquery.com/2008/05/working-with-events-part-2
以防其他人需要它。
此外，还有一个非常出色的jQuery插件可以解决这个问题，称为livequery
你需要重新绑定它。
function bindme(){ $('.whatever').click(function(){ alert('binded'); }); }; bindme(); //function that will generate something function foo(){ $('.whatever').val('oryt'); bindme();//rebind itagain }
另请参阅reglib ，这是一个类似的库，允许您正在寻找的编程风格。