javascript 不适用于通过 jquery 新添加的innerhtml

Question

我有以下 HTML 结构，

<table>
<tr>
   <div id="getData">
   </div> 
</tr>
</table>

我使用 jquery 的 html() 方法将动态内容添加到 div id“getData”，如下所示：

  $('#valueResult').html(data);
    var data ="
<table><tr><td><input type="checkbox" name="test[1]" onclick="doSometing()" /> Test</tr></tr></table> 
    <table><tr><td><input type="checkbox" name="test[2]" onclick="doSometing()" /> Test</tr></tr></table> "  

但是函数 doSometing() 永远不会对任何动态添加的复选框执行。 为什么会这样？

谁能帮我吗？

谢谢。

Answer 1

针对此类问题的更简洁的 jQuery 解决方案是使用 .live() 甚至更好的 .delegate()。

使用这种方法，您还应该为您的输入元素提供唯一的ID并调用：

$(document).ready(function(){
   $('#unique_input_id').live('click', function(){
      alert('clicked');
   });
});

参考： .live(), .delegate()