0

ページが読み込まれると、空の画像が表示されます。ユーザーが正しいクエリ文字列を入力すると、それを解析し、AJAX を使用して画像の ID/場所を返します。

<a class="bigImg rght" style="width:258px;">
<img src="" alt="Slide" width="298" height="224" /></a>

次に、新しい ID を img src フィールドに追加しますが、新しいイメージをロードしていません。

parent_img.attr("src","http://www.mysite.com/files/"
+(data.offset_num)+"/"+(data.offset_id)).fadeIn(1000);

だから今私のhtmlは次のようになります：

<a class="bigImg rght" style="width:258px;">
<img src="http://www.mysite.com/files/4823413/008234" alt="Slide" width="298" height="224" /></a>

これは正しい場所ですが、画像が更新 されていません。どうすれば強制的に更新できますか? 新しい画像が読み込まれます。

4

1 に答える 1

1

画像の最後にランダムな ID を追加することで、この問題を回避しました。

var img_src = '/images/path_to_image.jpg?' + new Date().getTime();
$('#img_id').attr('src', img_src);
于 2013-01-28T21:51:55.920 に答える