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

前端之家收集整理的这篇文章主要介绍了如何判断图像是否在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引用.

猜你在找的jQuery相关文章