jQuery的：操纵<img src>路径

后不更新HTML

我经由jQuery的方法负载加载外部内容和操纵SRC的IMG元件先前加载的属性如下：jQuery的：操纵<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时，源代码发生了变化并反映了新的图像路径。但是，浏览器中呈现的HTML未更新并指向旧路径。

另外，我收到以下错误在Chrome：

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

有人可以帮助我，好吗？

来源

2010-11-16 labrassbandito

'访问控制 - 允许原点不允许'原始空值'。正在发生，因为你在你的机器上本地打开页面，而不是通过网址。 Chrome正在检查您没有进行跨域通话，并且已经决定无法验证您的通话，因为它们是本地通话。这可能是为什么图像未加载的一个线索 - 您提供的相对路径可能会导致问题。如果将用jQuery显示的HTML保存为新的平面HTML文件并在同一位置打开它，那么图像会显示出来吗？

来源

2010-11-16 13:42:08

再次感谢利亚姆。我改变了我的相对路径到完整的URL和在Firefox中更改的图像。所以，他们可能是本地网站的一个问题。关于Chrome，目前它在本地无法正常工作，但我相信在上传页面时它会起作用。 – labrassbandito 2010-11-16 13:51:15

检查XMLHTTPRequest的跨域限制的话题，例如here

来源

2010-11-16 13:42:11 Beiru

jQuery的：操纵<img src>路径

回答

相关问题