在某些事件上加载某些图像（而不是在页面加载时）
Loading certain images upon certain events (not on page load)
在 JS/jQuery 中有没有办法 "block" 在 DOM 中加载某些图像，直到某个事件发生？
在我的例子中，我有一个产品页面（WooCommerce 商店页面），点击一个产品会打开一个模式 window，其中包含该特定产品的图片库。但是我不想在页面加载时加载所有产品的画廊（太慢），我想将图片库的加载绑定到模式 window.
的开头
我猜这不太可能，但也许有一些接近的技巧？
达到相同最终结果的一种令人满意的方法是破坏图像的 src 属性，然后稍后使用 JS 恢复此属性。
在 找到（也感谢@arkantos！）
您可以在没有任何 src 属性的模式 window 中添加 img 元素，并根据产品选择更新 src 属性。
这里有一个 Pen 展示了这个想法 :)
在 JS/jQuery 中有没有办法 "block" 在 DOM 中加载某些图像，直到某个事件发生？
在我的例子中，我有一个产品页面（WooCommerce 商店页面），点击一个产品会打开一个模式 window，其中包含该特定产品的图片库。但是我不想在页面加载时加载所有产品的画廊（太慢），我想将图片库的加载绑定到模式 window.
的开头我猜这不太可能，但也许有一些接近的技巧？
达到相同最终结果的一种令人满意的方法是破坏图像的 src 属性，然后稍后使用 JS 恢复此属性。
在 找到（也感谢@arkantos！）
您可以在没有任何 src 属性的模式 window 中添加 img 元素，并根据产品选择更新 src 属性。
这里有一个 Pen 展示了这个想法 :)