我的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 
}