jQuery:操作 路径后 HTML 未更新

Question

我通过 jQuery 方法 load 加载外部内容，并操作之前加载的 img 元素的 src 属性，如下所示:

<div id="content"></div>
<script>
  $("#content").load("additional_content.html #content table", function() {
    $("#content").find("img").each(function() {
      $(this).attr("src", "new_path/" + $(this).attr("src"));
    });
  });
</script>

通过 Firebug 检查父 HTML 时，源代码发生了更改并反射(reflect)了新的图像路径。但是，浏览器中呈现的 HTML 并未更新并指向旧路径。

此外，我在 Chrome 中收到以下错误:

XMLHttpRequest cannot load file:///.../additional_content.html. Origin null is not allowed by Access-Control-Allow-Origin.

有人可以帮我吗？

Answer 1

“Access-Control-Allow-Origin 不允许 Origin null。”发生这种情况是因为您在计算机上本地打开页面，而不是通过网址打开。 Chrome 正在检查您是否没有进行跨域调用，并决定无法验证您的调用，因为它们是本地调用。这可能是为什么图像未加载的线索 - 您给出的相对路径可能会导致问题。如果将 jQuery 中显示的 HTML 保存到新的平面 HTML 文件并在同一位置打开它，图像会显示吗？