この記事では、画像の読み込みが完了した後にコールバック関数を呼び出すJavaScriptの方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
このコードは、指定された領域の画像が読み込まれた後、指定されたコールバック関数の実行を制御できます。
コードコピーは次のとおりです。FunctionWhen_images_loaded($ img_container、callback){
/* $ img_container(jquery object)の画像が読み込まれたときにコールバックを行います。 $ img_containerのすべての画像が新しく挿入された画像である場合にのみ機能し、この関数はターゲットに挿入された直後に呼び出されます。 */
var _imgs = $ img_container.find( 'img')、
img_length = _imgs.length、
img_load_cntr = 0;
if(img_length){// $ img_containerに新しい画像が含まれている場合。
_imgs.on( 'load'、function(){//画像がロードされるまでコールバックを避けます
IMG_LOAD_CNTR ++;
if(img_load_cntr == img_length){
折り返し電話();
}
});
}
else {// $ img_containerに画像がない場合は、メインのコールバックアクションを実行します。
折り返し電話();
}
}
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。