jquery：我的.load（）有什麼問題嗎？

Question

這個代碼有問題...
當這個函數被觸發時，preloader會顯示，但它永遠不會隱藏。
該頁面在其內部的圖像加載完成之前也顯示出來。

我的載入功能有問題嗎？

$('select.select').change(function() { 

    var x = $(this).val(); 

    //Hide the current page and show the preloader 
    $('#page' + x).hide(); 
    $('#pageLoader *').show(); 

    //when current page is loaded, hide preloader and show page 
    $('#page' + x + ' img').load(function() { 
     $('#page' + x).show(); 
     $('#pageLoader *').hide(); 
    }); 

}); 

Answer 1

如果正在創建<img>元素的事件處理程序設置後，你將需要使用活（）而不是處理器，其將結合現有的和在頁面上選擇匹配未來元素綁定：

$('#page' + x + ' img').live("load", function() { 
    $('#page' + x).show(); 
    $('#pageLoader *').hide(); 
}); 

http://api.jquery.com/live/

Answer 2

您需要提供一個URL作爲load()函數的第一個參數。

參見documentation。

Answer 3

如果<img>已經有src屬性您完成需要循環，並檢查它來自高速緩存的情況下，像這樣：

$('#page' + x + ' img').one('load', function() { 
    $('#page' + x).show(); 
    $('#pageLoader *').hide(); 
}).each(function() { 
    if(this.complete) $(this).load(); 
});