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可以非常挑剔。