Les images ne charger dans jQuery

Question

J'utilise jQuery. test.html contient des images et des textes. Maintenant, je dois charger en utilisant test.html

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

jQuery

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

Le résultat de content2 n'a pas afficher les images. Y at-il une meilleure façon? Ou une solution de rechange pour afficher correctement les images et HTML? Est-ce mon problème d'étiquette ou jQuery?

Answer 1

Comme le commentaire dit, il serait utile de voir plus de vos fichiers.

Un problème possible est que, lorsque les balises img d'une page sont chargées dans une autre, ils résoudront en fonction de la page, ils sont chargés dans, et non en fonction de leur emplacement d'origine. Donc, si vous aviez un arbre de répertoire comme ceci:

root
   page1.html
   /images
   /dir1
      page2.html

alors les images dans page2.html auront src = "images ../ / something.jpg" alors que les images en page1.html auront src = "images / something.jpg". Si vous allez charger page2.html dans page1.html, les balises d'image dans page2.html devront être réécrits pour correspondre à l'emplacement de page1.html. (Ou bien utiliser des références basées sur la racine: src = "/ images / something.jpg").