1

これは私のページや出力に影響を与えていませんが、誰かがこれが起こっている理由を説明できるかどうか疑問に思っていました:

ここに私のAjaxがあります：

$(document).ready(function(){

$archive = "/videoarchive/";

$.ajax({
  url: "http://mysite.com/videoarchive/",
  cache: false
}).done(function( html ) {
    $div = $('.archive', $(html));
    $img = $div.first().find('img').attr('src');
    $link = $div.first().find('a').attr('href');
    alert($img);
    $('#featureVideo').append('<img src="http://mysite.com/videoarchive/'+$img+'" alt="image" />');
    $('#playVideo').append('<a class="extLink" href="http://mysite.com/videoarchive/'+$link+'" target="_blank" title="fancybox link"><img src="images/playButton.png" alt="image" /></a>');
    $('#archiveLinks').append('');

});

});

すべて正常に動作しますが、要素を調べてコンソールを見ると、着信 HTML からのすべての画像がすべて自分の Web サイトへのパスを追加します。次に例を示します。

リソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました >>> http://mysite.com/webapps/r2ewg/images/diversity_scanline.jpg

これらを取り除く方法があるのか​​ 、それとも私がそれらで立ち往生しているのか、私はただ興味があります. または、私が何か間違ったことをしている場合...

Chrome と IE8 で正常に動作します...出力はイントラネット サイトの IE8 でのみ表示されます...

詳細を提供できるかどうか教えてください。

4

2 に答える 2

1

まず、html を 2 回ラップする必要がありますか? 代わりに次のようにします。

$div = $('.archive', html);
于 2013-04-05T18:18:37.820 に答える
1

何が起こっているのかというと、ajax 呼び出しから応答が返ってきたときに大量の HTML を取得していて、その URL ( http://mysite.com/webapps/r2ewg/images/diversity_scanline.jpg ) がそれ。

その HTML のチャンクが DOM に追加されると、ブラウザは画像を取得しようとします。ブラウザはおそらく画像を読み込もうとして 404 を取得しています。jQuery とはまったく関係がない場合もあります。

于 2013-04-05T18:20:04.900 に答える