在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()。

引入了{p> delegate()来克服live()的缺点，如果不是因为它会破坏很多代码，那么live()就会被彻底删除。< / p>

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会自动将事件绑定到新创建的元素。