【网页插件】图片点击加载(测试版 r8)
@老虎会游泳,我理解错了?https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/script#attr-defer
defer
布尔属性被设定用来通知浏览器该脚本将在文档完成解析后,触发DOMContentLoaded (en-US)
事件前执行。
有defer
属性的脚本会阻止DOMContentLoaded
事件,直到脚本被加载并且解析完成。
@无名啊,问题好像并不是同时触发,而是$(document).ready()
事件在DOMContentLoaded
事件之后发生。
不过现在研究这个问题无意义了,因为我的代码现在位于立即执行表达式中,总是最先执行。
我确实想到一个解决方法,就是用setTimeout
推迟onclick事件的绑定。
$(document).ready(function () {
document.querySelectorAll('.userimg, .userthumb').forEach(img => (img.onclick = function () {
// 链接中的图片不预览
if (0 !== $(this).parents('a').length) return;
let elem = document.querySelector('body');
let viewer = new Viewer(elem, {
hidden: () => viewer.destroy(),
filter(image) {
return image.matches('.userimg, .userthumb');
}
});
viewer.show()
}));
});
@老虎会游泳,噢,看漏了,看成“新上传的图片才有文件大小”了
对外站图片用啥方法好呢