各位晚上好,

我正在使用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中的文本在正确的div中正确显示
-不显示图像。也没有任何损坏的图像符号或空白。

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

提前多谢
-本尼

最佳答案

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


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


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

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

10-05 19:08