Изображения не загружаются в jQuery

StackOverflow https://stackoverflow.com/questions/512424

  •  21-08-2019
  •  | 
  •  

Вопрос

Я использую 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?

Это было полезно?

Решение

Как сказано в комментарии, было бы полезно увидеть больше ваших файлов.

Одна из возможных проблем заключается в том, что когда теги 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").

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top