2012-10-05 31 views
2

我有以下情況:我想顯示我的圖片一次只有當頁面完全加載,因爲我想通過一個避免顯示圖像的一個內部文件準備功能(他們最初隱藏並希望一次向他們展示只有當文件被加載完成),所以我用$(window).load(function() {});

當我使用這個功能,它運行良好,並表現符合市場預期,但我唯一的問題是,負載功能棄用

例如,如果我使用下面的代碼而不是$(window).load我可以看到我的圖像逐個加載,這不是一個選項(setTimeout也不是選項)。

我的問題:如何在不使用$(window).load的情況下實現相同的行爲?謝謝!!什麼是窗戶荷載替代?

示例代碼:

$(document).ready(function(){ 
//on document ready HIDE my images 
glowHide.hide(); 

    //on page LOAD show all images AT ONCE (works fine but depreciated) 
    $(window).load(function(){ 
    glowHide.show(); 
    }); 

}); 
+0

所以你要顯示一次的所有圖像,只有當所有的圖像已經完全加載? –

+0

不應該擔心的事情。提供有效的HTML並讓瀏覽器決定如何最好地加載它的圖像。 – meagar

+0

是的,這就是我想要做的!我的代碼工作正常,但負載貶值:( –

回答

8

load事件綁定到窗口,你應該使用的jQuery提供的方法on

.on()方法將事件處理程序附加到jQuery對象中元素的當前選定集合 。從jQuery 1.7開始,.on()方法 提供了附加事件處理程序所需的全部功能。

$(window).on("load", function(){...})