0

.load（）関数を使用してページをdivにロードすると、背景画像やページ内の画像ではなく、テキストのみが返されます。

index.html

<html>
<title> web page </title>
<body>
<div id="Content" >
</div>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript" src="jquery.min.js" ></script>
</body
</html>

page.html （div id = "Content"にロードされるページ）

<html>
<title> web page </title>
<body>
<div>
<h1> WELCOME TO THIS LOADED PAGE </h1>
<img src="image.jpg" />
</div>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript" src="jquery.min.js" ></script>
</body
</html>

jquery.js $(document).ready(function(){ $('#content').load('page.html'); });

最後に、このロードされたページへようこそのみが表示され、 page.htmlに含まれる画像は表示されません。

ありがとうございました。

4

1 に答える 1

0

ページに画像が表示されない場合は、画像が保存されている正しい場所を指していない可能性があります。画像は別のディレクトリにありますか?

<img src="image.jpg" />

次のようなものが必要になる場合があります。

<img src="./images/image.jpg" />

于 2013-01-04T21:15:44.997 に答える