图像未在 jQuery 中加载

【问题标题】：Images not loading in jQuery图像未在 jQuery 中加载
【发布时间】：2009-02-04 17:28:03
【问题描述】：

我正在使用 jQuery。 test.html 包含图像和文本。现在我需要使用 test.html 加载

<img src="../images/lib.jpg" alt="test" width="320" height="290" />
<p>Textt </p>

jQuery

$("#content2").load("sub_test.html");

content2 的结果没有显示图片。有没有更好的办法？还是正确显示图像和 HTML 的替代解决方案？是我的标签问题还是 jQuery？

【问题讨论】：

你能发布你所有的 HTML 吗？
你的路径是什么，所有文件都在同一个文件夹中吗？
是的，我已经解决了我的目录图像问题

标签： jquery image load

【解决方案1】：

正如评论所述，查看更多文件会有所帮助。

一个可能的问题是，当来自一个页面的 img 标签被加载到另一个页面时，它们将根据加载到的页面而不是基于它们的原始位置进行解析。因此，如果您有这样的目录树：

root
   page1.html
   /images
   /dir1
      page2.html

那么 page2.html 中的图像将具有 src="../images/something.jpg" 而 page1.html 中的图像将具有 src="images/something.jpg"。如果要将 page2.html 加载到 page1.html 中，则必须重写 page2.html 中的图像标签以匹配 page1.html 的位置。（或者使用基于根的引用：src="/images/something.jpg"）。

【讨论】：