AJAX リクエストとその中のいくつかのimg
タグから HTML をロードしています。
コンテナーのサイズを変更するために、AJAX に読み込まれた画像がいつ完全に読み込まれるかを知る必要があります。結果に何枚の画像が含まれているのかわからないので、単純に.complete
値を確認することはできません。
これに対する解決策を知っていますか?
AJAX リクエストとその中のいくつかのimg
タグから HTML をロードしています。
コンテナーのサイズを変更するために、AJAX に読み込まれた画像がいつ完全に読み込まれるかを知る必要があります。結果に何枚の画像が含まれているのかわからないので、単純に.complete
値を確認することはできません。
これに対する解決策を知っていますか?
jQuery を使用している場合、$(window).load()
コマンドは、次のように、すべての画像が読み込まれた後に呼び出される関数を設定できます。
$(window).load(
function() {
// weave your magic here.
}
);
jQuery を使用していない場合は、jQuery の機能が少し必要なときに行ったことを実行します。それをダウンロードし、ソースを調べて、それがどのように機能するかを確認します。それからそれをしてください:-)
わかりました、Pax のおかげで、解決策が見つかりました。
ajax リクエスト (jQuery を使用)の成功イベントで、次のコードを追加しました。
$('img', this).load(function() {
resize_element(this);
});
お二人ともありがとう!
XMLHTTPrequests
読み込みがいつ完了したかを判断するために使用できるプロパティがあります。JavaScript を直接使用している場合は、関数をonreadystatechange
イベントに割り当てる必要があります。これは、状態が変化するたびに呼び出されます。状態は次の場所に格納されReadyState
ます。
関数で、ステータスが 4 であることを確認し、他の必要な関数を呼び出します。
jQuery には、特定のことがいつ発生したかを知らせるイベントがあります。AJAX ドキュメントを表示する