Jquery：如何在已经缓存的图像上放置触发器？答案

【问题标题】：Jquery: How can I place triggers on images already cached?Jquery：如何在已经缓存的图像上放置触发器？
【发布时间】：2010-04-05 18:31:21
【问题描述】：

我正在使用 jquery.preload-min.js 预加载图像并将播放触发器发送到 jquery.jplayer.min.js 以开始播放 mp3 文件。

这在第一次查看页面（或强制重新加载所有内容）时非常有用。但是，当图像已经被缓存时，它不会使用预加载脚本，因此不会将播放触发器发送给 jplayer。

即使图像被缓存，如何让它发送播放触发器？

提前谢谢你，

丹尼斯

【问题讨论】：

【解决方案1】：

你可以这样做：

$("image_selector_here").each(function() {
  if(this.complete) $(this).load();
});

这会触发缓存图像 (this.complete == true) 的加载事件，其中浏览器不会触发 .load() 事件本身。

【讨论】：

【解决方案2】：

1 问题是 - 如果图像被缓存，那么 onComplete 不起作用，因为没有发送到服务器的请求。

2 我从您的代码中了解到，您不需要为每个图像都设置一个 onComplete 回调。您可以尝试 onFinish 事件吗？

_{3 完成这项任务的最佳方法是编写自己的预加载器 :)}

【讨论】：

您好 Dyatlov，OnFinish 不会改变任何内容，因为它不会加载脚本，因为图像已被缓存。如果我有技能，我会编写自己的预加载器，但我对 Jquery 很陌生。另外，我找到了这段代码：hxxp://github.com/peol/jquery.imgloaded/blob/master/ahpi.imgload.js 但我似乎无法让它工作，我喜欢使用占位符目前正在使用它的功能，所以我尝试使用它的一部分但无济于事。还有其他想法吗？谢谢，丹尼斯
.complete 确实适用于缓存图像。是 onLoad() 没有。