2011-08-07 16 views
0

インデックスページ以外のディレクトリに自分のページを配置しているサイトで作業しています。私の問題は、jqueryを使用してページのセクション内のdivにイメージを追加するときに発生します。インデックスページに表示されますが、他のページ(ディレクトリ)には表示されません。私は理由を理解していますが、どうすれば修正できるかはわかりません。サブディレクトリを使用するとパスの問題が発生する

ディレクトリから他のファイルを削除することなくこれを修正する方法はありますか?

var $img1 = $('<img src="images/test1.jpg" />'); 
var $img2 = $('<img src="images/test2.jpg" />'); 
$('#container').append($img1, $img2); 

上記のコードは、あなたのimagesフォルダがWebサイトのルートディレクトリ内に配置されていると仮定すると、別のディレクトリ

+0

XHTMLタグがこの質問を行うには何がありますか? –

答えて

2

でもあることに注意してください、あなただけのsrc属性ルート相対作ることができます:

var $img1 = $('<img src="/images/test1.jpg" />'); 
var $img2 = $('<img src="/images/test2.jpg" />'); 
$('#container').append($img1, $img2); 

src属性の先頭に追加/に注意してください)。

参考:

+0

はい、私は質問を投稿する前にそれを試してみましたが、うまくいきませんでした。 – gables20

+0

どうしたらうまくいかなかったのですか?確かに*** ***が動作するはずです。あなたの試行を示すデモサイトへのリンクを提供する方法はありますか?コンソールでJavaScriptエラーが発生していないか、またはリソースが404(または他の)ヘッダを返したかどうかを確認しましたか? –

+0

エラーはありません。私は火薬爆弾を使って何が起こっているのかを調べており、単に画像をロードしていないだけです。おそらく、私は私のjsファイルがサブディレクトリにもあることを指摘しておきました。 – gables20

0

あなたがドメイン名を含む完全なリンクを書くことができます :
var $img1 = $('<img src="http://www.yoursitename.com/images/test1.jpg" />');

+0

私は絶対URLを使用する可能性を知っていますが、相対パスではありませんか? – gables20

+0

@ gables20:はい、ダビデが言ったように、ルートからの相対パスを使うことができます。しかし、あなたのサイトがサブフォルダの中でホストされている場合など。あなたの組織のサイト(例えば 'http:// organization.com/yoursite /')の場合、 '/'は 'http:// organization.com /'を指すべきであり、 'http://organization.com/yoursite/'と入力します。 '' htmlタグを見てください:http://www.w3.org/TR/html4/struct/links.html#h-12.4 – VIK

関連する問題