我的Preloader几乎不能在FF中工作而在Chrome中根本就不工作？

Question

现在，每个人的问题可能会有所不同，但是在Firefox中 - 加载完成并且除非刷新浏览器，否则load div不会消失。在铬中，负载不会消失。我没有IE，所以我不确定那里发生了什么可怕的事情。

的我的代码的细目：

• A，B预压和组2点的背景
• Ç负荷在容器窗口，这将容纳所有内容
• 负载某些内容（D），并在其内部加载更多内容（E） 内容（D ）
• ˚F预压股利顶部淡出
• ģ股利与预加载的背景（甲）淡入
• ħ淡入包含容器中的DIV（Ç）和所有内容（D, E）
• 我做一些轻微的初始设置到表中functions.js

Here is what it looks like

而这里的代码： 我把右手边

var src1 = 'img/map_bg_1680.jpg'                //A 
    , $img1 = $('<img src="' + src1 + '">');             //A 

    var src2 = 'img/menu-background.png'               //B 
    , $img2 = $('<img src="' + src2 + '">');             //B 


$img1.bind('load', function(){                 //A 
    $('#bgDiv').css('background-image', 'url(' + src1 + ')');         //A 

     $img2.bind('load', function(){               //B 

      jQuery('#main-content-fiftyfive').load('index2.html', function() {      //C 
       jQuery('#viewport-container').css('background-image', 'url(' + src2 + ')'); //A 

       $('#right-content').load('partytool.html', function() {       //D 
        $('#whole-ajax-content-one').load('events.html', function() {     //E 
         $('.preloader').fadeOut('slow', function() {        //F 
          $('#bgDiv').fadeIn('slow', function() {        //G 
           $('#table-holder').fadeIn('slow', function() {     //H 
           initialConfig();             //I 
         }); 
        }); 
       }); 
      });  
     }); 
    }); 
}); 
}); 
if($img1[0].width){ $img1.trigger('load'); }              //A 
if($img2[0].width){ $img2.trigger('load'); }              //B 

感谢意见函为你的帮助每个人:)）

Answer 1

你只是增加e加载$img2后$img1已加载。添加他们在同一时间，并有最后回调检查，看看这两个都加载，例如：

var img1loaded = false 
    , img2loaded = false; 

$img1.bind('load', function(){ 
    img1loaded = true; 
    finish(); 
}); 

$img2.bind('load', function(){ 
    img2loaded = true; 
    finish(); 
}); 

function finish(){ 
    if(!img1loaded || !img2loaded){ return; } 
    // both are loaded 
}