0

重複の可能性:
JQuery を使用して画像が読み込まれるのを待っています

私はインターネットで見つけたどの投稿でも実際に答えられていない大きな問題を抱えているので、ここに私の質問があります:

画像が「表示可能」になったらすぐにコードを実行したい場合、適切なイベントは何ですか? 「ロード」と呼ばれるものの一種ですが、実際には .load() イベントは少し前にトリガーされます。私の場合、ロードされた画像をアニメーション化したいのですが、最初 (特にモバイル デバイス上) で画像が完全に表示/レンダリングされずにアニメーション化されています。

somecontainer.children("img").load(function() {
    $(this).parent().data('loaded', 'true');
};

somecontainer.children("img").click(function() {
    if($(this).parent().data('loaded') == 'true')
        $(this).animate({
            left: var1,
            top: var2,
            width: var3
        });
});

ご覧のとおり、間接的に "load" イベントにアニメーションをバインドしました (また、jQuery プラグインの "waitforimages" なども試しました) が、どれも実際には機能しませんでした。希望するイベントを取得するにはどうすればよいですか? 何か方法があるはずですよね?

よろしくお願いします。デニス

編集: コードの修正

4

0 に答える 0