在jquery AJAX html注入之后onclick处理程序不起作用

Question

我正在将一些带有ajax的HTML注入到我的页面中，但是注入HTML的部分onclick处理程序似乎不起作用...

基本上这张图片......

< img class="close_row" src="img/close.gif"/>

我的jquery就像......

$('.close_row').click(function() {
    // some code to close the row
});

打开行的原始函数和注入html的工作正常，我在这里可以忽略一些东西吗？

Answer 1

请改用.delegate() 。

delegate()是为了克服live()的缺点而引入的，如果不是因为它会破坏很多代码， live()就会被彻底删除。

live()和delegate()之间的差异： http ： //net.tutsplus.com/tutorials/javascript-ajax/quick-tip-the-difference-between-live-and-delegate/

API： http ： //api.jquery.com/delegate/

Answer 2

你必须使用.live ：

$('.close_row').live('click', function() { // some code to close the row });

.click将事件绑定到所有当前元素，而.live将自动将事件绑定到新创建的元素。