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