jQuery：操作路径后不会更新HTML

我通过jQuery方法加载外部内容并操纵先前加载的img元素的src属性，如下所示：

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

在通过Firebug检查父HTML时，源代码已更改并反映新的图像路径。 但是，浏览器中呈现的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”。 正在发生，因为您在本地机器上打开页面而不是通过url。 Chrome正在检查您是否正在进行跨域通话，并且已决定无法validation您的通话，因为它们是本地通话。 这可能是图像未加载原因的线索 – 您给出的相对路径可能会导致问题。 如果将jQuery中显示的HTML保存到新的平面HTML文件并在同一位置打开它，图像是否显示？

Answer 2

检查XMLHTTPRequest跨域限制主题，例如此处