画像がjQueryに読み込まれない

Question

jQueryを使用しています。test.html には画像とテキストが含まれています。次に、test.htmlを使用してロードする必要があります

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

jQuery

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

content2の結果は画像が表示されませんでした。もっと良い方法はありますか？それとも、画像と HTML を正しく表示するための代替ソリューションでしょうか?タグの問題ですか、それとも jQuery ですか?

Answer 1

コメントに記載されているように、より多くのファイルを表示すると役立つでしょう。

考えられる問題の 1 つは、あるページの img タグが別のページに読み込まれるときに、元の場所ではなく、読み込まれたページに基づいて解決されることです。したがって、次のようなディレクトリ ツリーがあるとします。

root
   page1.html
   /images
   /dir1
      page2.html

この場合、page2.html の画像には src="../images/something.jpg" が含まれ、page1.html の画像には src="images/something.jpg" が含まれます。page2.html を page1.html にロードする場合は、page2.html のイメージ タグを page1.html の場所と一致するように書き換える必要があります。(または、ルートに基づいた参照を使用します。src="/images/something.jpg")。