Изображения не загружаются в 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 /thing.jpg", а изображения в page1.html будут иметь src = "images / something.jpg". Если вы собираетесь загрузить page2.html в page1.html, теги изображений в page2.html необходимо будет переписать так, чтобы они соответствовали расположению page1.html. (Или используйте ссылки, основанные на корне: src = "/ images /thing.jpg").