jQuery加载功能-不可见图像

Question

我使用load()函数检查是否加载了图像。 如果是，那么我正在使用其他2个功能。 代码如下：

$('#img-1').load(function(){        
     someFunction1();
     loadIcons();       
});

someFunction1()工作正常，但loadIcons()具有类，该类已在CSS文件中声明了背景图片，并且该图片不可见（例如尚未加载）

loadIcons（）：

function loadIcons(){
        $('#gallery').append('<div class="icon" id="icon-1">');
        $('#icon-1').append('<span></span>');
        $('#icon-1').css({
            'top': parseInt(top),
            'left': parseInt(left)
        });
}

这些元素（ div ， span ）在Firebug中可见，但.icon类的图像不可见。 知道如何解决吗？

    $(document).ready(function(){

    someFunction1()
    {       
            $('#spinner').remove();
            $('#spinner-transparent').css({
                'opacity' : 0
            });
    }

    function loadIcons()
    {
        //code above
    }


    $('#img-1').one('load', function(){     
          someFunction1();
          loadIcons();       
        }).each(function() {
  if(this.complete) $(this).load();
});

注意： spinner是一个<div>其中加载了.gif 。

Answer 1

我曾经遇到过$ .load的麻烦，最终却做了这样的事情：

var img_load_callback = function () {...};
var img = new Image();
img.onload = img_load_callback; // this must be set before img.src
img.src = 'whatever.jpg';