如何检查是否加载了背景图像？

Question

如何检查是否加载了背景图像？

我想在Body标记上设置一个背景图像，然后运行如下代码：

$('body').css('background-image','http://picture.de/image.png').load(function() {
    alert('Background image done loading');
    // This doesn't work});

如何确保背景图像已完全加载？

Answer 1

就像这样：var&nbsp;$div&nbsp;=&nbsp;$('div'), &nbsp;&nbsp;bg&nbsp;=&nbsp;$div.css('background-image'); &nbsp;&nbsp;if&nbsp;(bg)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;src&nbsp;=&nbsp;bg.replace(/(^url\()|(\)$|[\"\'])/g,&nbsp;''), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$img&nbsp;=&nbsp;$('<img>').attr('src',&nbsp;src).on('load',&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;do&nbsp;something,&nbsp;maybe: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$div.fadeIn(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;}});