如何判断图像是否在JQuery中加载或缓存？

似乎.load()函数在之前已缓存图像时不会触发.因此,如果您想在加载并显示另一个图像(即放大镜)之前确保已加载一个图像,则无法执行以下操作：

$(img_to_load_first)
    .load(
        $(img_to_load_last)
            .src("2nd.png");
    )
    .src("1st.png");

那么如何确保JQuery中的加载顺序呢？

解决方法

您需要做的是有选择地处理您的加载绑定.您可以通过测试Image对象属性complete来验证负载.

例如：

$('.load_selector').each(function(){

    if (!this.complete) {
        $(this).load(function(){
            // handle image load event binding here
        });
    } else {
        // handle image already loaded case
    }

});

请注意,上面(单独使用)是指对jQuery提供的图像对象的DOM引用.

原文地址：https://www.jb51.cc/jquery/181036.html