各位晚上好,
我正在使用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。