Can 我建议你将其重新装入一个非DOM图像物体? 如果拖拉,这根本就不需要时间,上载仍然会火。 如果该图像是固定的,它将在装上图像时向上载火,这应当与DOM图像的版本一样。

Javascript:

$(document).ready(function() {
    var tmpImg = new Image() ;
    tmpImg.src = $( #img ).attr( src ) ;
    tmpImg.onload = function() {
        // Run onload code.
    } ;
}) ;

更新(处理多种图像,并妥善订购载荷查封):

$(document).ready(function() {
    var imageLoaded = function() {
        // Run onload code.
    }
    $( #img ).each(function() {
        var tmpImg = new Image() ;
        tmpImg.onload = imageLoaded ;
        tmpImg.src = $(this).attr( src ) ;
    }) ;
}) ;

我的简单解决办法是,它不需要任何外部gin,对共同案例来说,应该足够:

/**
 * Trigger a callback when the selected images are loaded:
 * @param {String} selector
 * @param {Function} callback
  */
var onImgLoad = function(selector, callback){
    $(selector).each(function(){
        if (this.complete || /*for IE 10-*/ $(this).height() > 0) {
            callback.apply(this);
        }
        else {
            $(this).on( load , function(){
                callback.apply(this);
            });
        }
    });
};

如此:

onImgLoad( img , function(){
    // do stuff
});

例如,在装上你的图像时,可以做到:

$( img ).hide();
onImgLoad( img , function(){
    $(this).fadeIn(700);
});

或者作为替代办法,如果你更喜欢一种类似于杂草的做法:

/**
 * Trigger a callback when  this  image is loaded:
 * @param {Function} callback
 */
(function($){
    $.fn.imgLoad = function(callback) {
        return this.each(function() {
            if (callback) {
                if (this.complete || /*for IE 10-*/ $(this).height() > 0) {
                    callback.apply(this);
                }
                else {
                    $(this).on( load , function(){
                        callback.apply(this);
                    });
                }
            }
        });
    };
})(jQuery);

并用于:

$( img ).imgLoad(function(){
    // do stuff
});

例如:

$( img ).hide().imgLoad(function(){
    $(this).fadeIn(700);
});

你们是否真的必须做 j? 页: 1 a. 直接与你形象有关的活动;

<img src="/path/to/image.jpg" onload="doStuff(this);" />

它每当图像装上时都会从海滩上燃烧。

您还可以使用该守则,支持装载错误:

$("img").on( load , function() {
  // do stuff on success
})
.on( error , function() {
  // do stuff on smth wrong (error 404, etc.)
})
.each(function() {
    if(this.complete) {
      $(this).load();
    } else if(this.error) {
      $(this).error();
    }
});