jQuery的：操縱<img src>路徑

Question

後不更新HTML

我經由jQuery的方法負載加載外部內容和操縱SRC的IMG元件先前加載的屬性如下：

<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. 

有人可以幫助我，好嗎？

Answer 1

'訪問控制 - 允許原點不允許'原始空值'。正在發生，因爲你在你的機器上本地打開頁面，而不是通過網址。 Chrome正在檢查您沒有進行跨域通話，並且已經決定無法驗證您的通話，因爲它們是本地通話。這可能是爲什麼圖像未加載的一個線索 - 您提供的相對路徑可能會導致問題。如果將用jQuery顯示的HTML保存爲新的平面HTML文件並在同一位置打開它，那麼圖像會顯示出來嗎？

Answer 2

檢查XMLHTTPRequest的跨域限制的話題，例如here