jquery - 画像の読み込みがいつ完了するかを知る方法

Question

重複の可能性：
JavaScript：画像が完全に読み込まれるタイミングを知る

私はこのコードを持っています：

$("#imageOnPage").attr("src", urlString);

画像が画面に表示された後、どういうわけかイベントを発生させる必要があります。つまり、画像のonLoadイベントが必要です。

Answer 1

そのためのイベントが実際にあります：

$('#imageOnPage').load(function()
{
/* your code */
});

画像が読み込まれると起動します。

Answer 2

load画像のイベントにバインドできるはずです。

$('#imageOnPage').load(function() {
    alert('image loaded');
});

Answer 3

$('#imageOnPage').load(function(){
  $(this).attr('src', urlString);
});