jQuery:加载外部 HTML 内容；访问插入的元素失败

Question

我想通过 jQuery 将另一个 HTML (additional_content.html) 中的 table 元素加载到当前 HTML 中。我设法加载了内容，但我无法访问插入的元素，就好像它们没有插入一样。但是，当在 load 语句之后插入 alert 语句时，我能够访问通过 load 插入的 table 的元素。在我看来，DOM 树不会立即更新。

父文档中的代码片段如下所示:

<div id="content"></div>
<script>
  $("#content").load("additonal_content.html #content table").hide();
  $("#content").find("img").each(function() {
    alert("test");
  });
</script>

*additional_content.html 中的表格是(摘录):

<table>
  <tr>
    <td><img src="image1.gif"></td>
    <td>some text...</td>
  </tr>
  <tr>
    <td><img src="image2.gif"></td>
    <td>some text...</td>
  </tr>
</table>

Answer 1

当它点击“查找”语句时，内容似乎尚未加载。

尝试使用回调，比如:

<script>
$("#content").load("additonal_content.html #content table",function(){
 $("#content").find("img").each(function() {
    alert("test");
 });
});
 </script>