jQuery的加載（）不顯示圖像

Question

大家好，晚上好，

我正在使用JavaScript從HTML文件加載/覆蓋內容到指定的div。
您可以watch a demo。

，做負載的工作看起來像下面的JavaScript：

function loadScreenie(elementSelector, sourceURL) { 
    $(""+elementSelector+"").load("img/screenies/"+sourceURL+""); 
} 

，並得到通過看這樣的超鏈接引用：

<a href="javascript:loadScreenie('#iphone-screen', 'screenie2.htm');">mibmib</a> 

（我也曾嘗試用的onclick相同= 「」）

這是screenie2.htm的內容

hello world<br /> 
<img src="screenie2.png" /> 

問題是圖像不顯示。的行爲是這樣的：
- 您點擊鏈接並執行javascript。
- 正確顯示screenie2.htm中的文本
- 顯示的圖像是而不是。也沒有任何破碎的圖像符號或空的空間。

你有什麼想法可能會導致此錯誤？

非常感謝提前，
- 班尼

Answer 1

好的。讓我來結束這裏發生的事情。

1. 當用戶點擊鏈接時，jQuery的負載「IMG/screenies/screenie2.htm
2. 圖像標籤<img src="screenie2.png" />插入DOM。

所以，我們有一個圖像鏈接到在應該像./screenie2.png，在那裏你會相信它應該鏈接到*/** IMG/screenies/** * screenie2.png

你需要在你的load()使用絕對URL。：編輯內容

Answer 2

如果你使用IE瀏覽器測試，該問題可能是jQuery使用，而不是創建與負載命令各DOM元素的innerHTML。 IE可以非常挑剔。