Le immagini non si carica in jQuery

Question

Sto usando jQuery. test.html contiene immagini e testo. Ora ho bisogno di caricare utilizzando test.html

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

jQuery

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

Il risultato di content2 non visualizzava le immagini. C'è un modo migliore? O una soluzione alternativa per visualizzare le immagini e HTML in modo corretto? E 'il mio problema tag o jQuery?

Answer 1

Come il commento ha dichiarato, sarebbe utile vedere più file.

Un problema possibile è che, quando i tag img da una pagina vengono caricati in un altro, si risolverà in base alla pagina che vengono caricati in, non in base alla loro posizione originale. Quindi, se si ha un albero di directory in questo modo:

root
   page1.html
   /images
   /dir1
      page2.html

quindi immagini in page2.html avranno src = "images ../ / something.jpg" mentre le immagini in page1.html avranno src = "images / something.jpg". Se avete intenzione di caricare page2.html in page1.html, i tag di immagine in page2.html dovranno essere riscritto in modo che corrisponda alla posizione di page1.html. (Oppure utilizzare i riferimenti in base alla radice: src = "/ images / something.jpg").