As imagens não carregando no jQuery

Question

Eu estou usando jQuery. test.html contém imagens e texto. Agora eu preciso carregar usando test.html

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

jQuery

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

O resultado da content2 não exibir as imagens. Existe uma maneira melhor? Ou uma solução alternativa para exibir as imagens e HTML corretamente? É o meu problema tag ou jQuery?

Answer 1

Como o comentário declarou, seria útil para ver mais de seus arquivos.

Um possível problema é que, quando as tags img de uma página são carregados em outro, eles vão resolver com base na página que eles são carregados na, não com base em sua localização original. Então se você tivesse uma árvore de diretórios como esta:

root
   page1.html
   /images
   /dir1
      page2.html

, em seguida, imagens em page2.html terá src = "../ images / something.jpg", enquanto imagens em page1.html terá src = "images / something.jpg". Se você estiver indo para page2.html carga em page1.html, as tags de imagem em page2.html terá que ser reescrito para corresponder ao local de page1.html. (Ou referências de uso outra pessoa baseado na raiz: src = "/ images / something.jpg").