jquery判断图片加载完毕并执行回调js
分类专栏: Javascript&
简介 图片在没有加载完毕的时候是获取不了图片对象信息,如高、宽。
<p>记录下,方便以后使用。</p>
<pre class="language-javascript"><code>class CommonJs {
// 等待图片加载执行js
static waitingImgload(ele, callback) {
let t_img = null; // 定时器
let isLoad = true; // 控制变量
// 查找所有图,迭代处理
$(ele).each(function() {
// 找到为0就将isLoad设为false,并退出each
if (this.height === 0) {
isLoad = false;
return false;
}
});
// 为true,没有发现为0的。加载完毕
if (isLoad) {
clearTimeout(t_img); // 清除定时器
// 回调函数()
callback();
} else {
isLoad = true;
t_img = setTimeout(function() {
CommonJs.waitingImgload(ele, callback);// 递归扫描
}, 500);// 我这里设置的是500毫秒就扫描一次,可以自己调整
}
}
}
// 使用示例
CommonJs.waitingImgload('.photochromic_img', function(h) {
$('.shop_latest_box').css('height', h);
})</code></pre>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
分享到:
转载:
喜欢 1
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
HTML 面试知识点总结
本部分主要是笔者在复习 HTML 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出!
-
git:如何管理本机的多个ssh密钥(多个远程仓库账号)
如果我们电脑上已经存在了一个ssh key,那么我们需要在我们电脑上生成第二个你想在本电脑上使用的id_rsa,使用命令:ssh-keygen -t rsa -C "你的github账号"。
-
乐视官方确认还有 400 多人:消息称员工“没有内卷和 996”,过着“没有老板”的神仙日子
7 月 11 日消息,近期,微博博主 @Fenng 分享了一个冷知识:乐视居然还剩下 400 多人,有不少是五年以上的老员工。这些老员工称“幸福感是很多老乐视人留下来的理由”,没有内卷和 996,没拖欠过留下来的员工的工资,也没停过社保。
-
眼镜试戴的装饰效果
开发眼镜类产品的时候需要使用试戴的功能,这里就有你需要的学习资料哦!
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:212篇
- 建站时间:已运行1107天
- 备案号: 浙ICP备2022018799号
- 语言:
English(USA)
French(FR)
Chinese(ZH)
无数据