图像没有加载在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的位置。 （或者使用基于root的引用：src =“/ images / something.jpg”）。