画像の読み込みが終ったあとにスクリプトを実行する

要素の高さを求めたい場合に要素内に画像などが含まれていたら正確な高さが取得できない。デフォルトのHTMLならwindow.onloadで良いけどJSで追加した要素の場合どうするのよ。

コンテンツにheight属性のない画像が含まれていると正しい高さが取れない :: 5509

これで取れそうな気もするけどなんか上手くいかない。

$("#mainContent").html(mainContent);
var imgSize = $("img",mainContent).size();
$("img",mainContent).load(function(){
	--imgSize;
	if(imgSize==0){
		//実行したい命令
	}
})

これでうまくいった。

とおもったら駄目だったので「画像の読み込みが終ったあとにスクリプトを実行する2」に続く。