jQuery的load（）不显示图像

Question

各位晚上好，

我正在使用JavaScript将HTML文件中的内容加载/覆盖到指定的div中。
您可以观看演示 。

执行加载工作的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中的文本在正确的div中正确显示
- 不显示图像。 也没有任何损坏的图像符号或空白。

您知道什么可能导致此错误吗？

提前多谢
-本尼

Answer 1

好。 让我向您总结一下这里正在发生什么。

1. 单击链接后，jQuery将加载“ img / screenies / screenie2.htm”
2. 图像标签<img src="screenie2.png" />已插入DOM。

因此，我们有一个图像链接到./screenie2.png上的假定图像，您可能会认为它应该链接到*。/ ** img / screenies / ** screenie2.png *。

您需要在load() ：ed内容中使用绝对URL。

Answer 2

如果您正在使用IE进行测试，则问题可能出在Jquery使用innerHTML而不是使用load命令创建单个dom元素。 IE对此可能非常挑剔。