Bilder Laden nicht in jQuery

Question

Ich bin mit jQuery. test.html enthält Bilder und Text. Jetzt muss ich mit test.html laden

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

jQuery

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

Das Ergebnis content2 Anzeige nicht die Bilder. Gibt es einen besseren Weg? Oder eine alternative Lösung, die Bilder und HTML korrekt angezeigt werden? Ist es mein Tag Problem oder jQuery?

Answer 1

Wie der Kommentar erwähnt, wäre es hilfreich, mehr Dateien zu sehen.

Ein mögliches Problem ist, dass, wenn die img-Tags von einer Seite in einer anderen geladen wird, werden sie auf der Seite resolve basiert sie in geladen werden, die nicht aus ihrer ursprünglichen Position. Also, wenn Sie wie folgt ein Verzeichnisbaum hatte:

root
   page1.html
   /images
   /dir1
      page2.html

dann Bilder in page2.html wird src = "../ images / something.jpg" haben, während Bilder in page1.html wird src = "images / something.jpg" haben. Wenn du gehst, page2.html in page1.html zu laden, werden die Image-Tags in page2.html müssen neu geschrieben werden, um die Lage von page1.html anzupassen. (Oder Referenzen verwenden, basierend auf der Wurzel: src = "/ images / something.jpg").