2010-05-17 113 views
1

我知道在jQuery中可以調用javascript/jquery onload()/load()函數,例如圖像(<img>)。Javascript/jQuery HasLoaded或相當於?

但是,如果在jQuery中,如果我使用.html(htmlString)在dom加載後插入圖像,如何添加偵聽器來處理圖像onload事件?是否有一個屬性,我可以查看各種圖像,如果他們已經加載?

回答

2

附加你的HTML後,您可以在加載事件綁定到包含圖片:

$("#foo").html(htmlString).find("img").one("load", function() { 
    ... 
}).each(function() { 

    // image has been cached, so load event won't fire unless we explicitly call it 
    if(this.complete) $(this).trigger("load"); 
}); 
+0

那豈不是更好地創建圖像的complete財產然後直接綁定它,而不必做這種冗餘選擇? – James 2010-05-17 14:51:58

+0

請務必做'.one('load','而不是'.load('在這種情況下。@JP:是的,但是你不會回答這個問題.. – 2010-05-17 14:53:34

+1

@JP - 我的理解問題是他想要將'load'綁定到某些任意HTML字符串的圖像@Nick - 乾杯,在答案中更新了 – karim79 2010-05-17 14:54:18

1

檢查圖像(S)