Las imágenes no se cargan en jQuery

Question

Estoy usando jQuery.test.html contiene imágenes y texto.Ahora necesito cargar usando test.html

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

jQuery

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

El resultado de content2 no mostró las imágenes.¿Existe una mejor manera?¿O una solución alternativa para mostrar las imágenes y HTML correctamente?¿Es mi problema de etiquetas o jQuery?

Answer 1

Como decía el comentario, sería útil ver más archivos suyos.

Un posible problema es que, cuando las etiquetas img de una página se cargan en otra, se resolverán según la página en la que se cargan, no según su ubicación original.Entonces, si tuvieras un árbol de directorios como este:

root
   page1.html
   /images
   /dir1
      page2.html

entonces las imágenes en page2.html tendrán src="../images/something.jpg" mientras que las imágenes en page1.html tendrán src="images/something.jpg".Si va a cargar page2.html en page1.html, las etiquetas de imagen en page2.html deberán reescribirse para que coincidan con la ubicación de page1.html.(O bien utilice referencias basadas en la raíz:src="/images/algo.jpg").