jquery - 图像未在 jQuery 中加载

Question

我正在使用 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？

Answer 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"）。