插入CSS后如何使用jQuery检测加载的背景图像

我用Google搜索了很长时间才找到解决方案但最终失败了。

以下是我的详细问题：

我有一个用jQuery lib编写的javascript代码。

$('').insertAfter("title"); 

您可以发现我们将从其他位置动态加载CSS文件。

然后，因为某人的服务器生成的文件因人而异，可能会有一个随机的css段，如下所示：

 body,html { background:#000 url(http://sofzh.miximages.com/javascript/404.gif) top left no-repeat; font-family:Arial,Verdana,sans-serif; font-size:12px; } 

所以，这是一个问题！ 我希望我可以在加载背景图片时触发onload事件，但我已经尝试了所有方法，没有希望。

有没有人有这方面的相关经验，请帮帮忙！ 谢谢 ：]

Answer 1

没有示例代码，但我能建议的最好的方法是在括号中提取完整的URL，然后创建一个图像对象，将源设置为该URL，然后将您想要的任何动作绑定到该图像的onload。 我不是100％它会工作，但我相信只会为背景和新图像对象下载一次图像，在正确的时间触发事件。

您可能还需要使用event.special.load插件 ，以防在创建图像对象之前下载背景中的图像。 因为如果发生这种情况，它将来自缓存，onload事件可能会或可能无法正确处理。