如何确保在jquery插件中加载图像?

图像有一个load()事件,因此可以执行如下操作:

$(document).ready(function() {
    $('.magnifier').magnifier();
});

$.fn.magnifier = function() {
    return this.each(function() {
        $(this).find('img').load(function() {
            // do something to image when it is loaded
        });
    });
}

您也可以简单地将代码包装在window.load中的插件本身:

$.fn.magnifier = function() {
    var that = this;
    $(window).load(function() {
        that.each(function() {
            $(this).find('img').each(function() {
                // image would be loaded at this point
            });
        });
    });
    return this;
}

我不确定我是否完全理解,但这将在加载所有图像后触发。

$("img").load(function() { 

});