.load()
.load( handler(eventObject) ) 返回: jQuery
描述: 為 "load" 事件綁定一個處理函數(shù)。
-
version added: 1.0.load( handler(eventObject) )
handler(eventObject)每次事件觸發(fā)時會執(zhí)行的函數(shù)。
-
version added: 1.4.3.load( [ eventData ], handler(eventObject) )
eventData將要傳遞給事件處理函數(shù)的數(shù)據(jù)映射。
handler(eventObject)每次事件觸發(fā)時會執(zhí)行的函數(shù)。
這個方法是 .bind('load', handler)
的快捷方式。
當(dāng)所有子元素已經(jīng)被完全加載完成時,load
事件被發(fā)送到這個元素。此事件可以被發(fā)送到跟一個URL關(guān)聯(lián)的任何元素:images, scripts, frames, iframes, window
對象。
如果圖像是從瀏覽器緩存中加載,Load事件有可能不會觸發(fā)。為了考慮這種可能性,如果圖像已準備就緒,我們可以使用一個特殊的立即觸發(fā)的loda觸發(fā)事件。
event.special.load
目前可以作為一個可用的插件 。
例子,考慮了一個簡單的圖片頁面:
<img src="book.png" alt="Book" id="book" />
事件處理器可以綁定到圖像上:
$('#book').load(function() { // Handler for .load() called. });
只要圖像已被加載,該處理程序被調(diào)用。
在一般情況下,沒有必要等待所有圖像完全裝入。如果代碼可以更早的執(zhí)行,通常最好把它在發(fā)送到.ready()
方法處理。
Ajax的模塊也有一個方法命名
.load()
。哪一個是被執(zhí)行取決于傳遞給它的參數(shù)設(shè)置。
Examples:
Example: 頁面完全加載包括圖形時,運行函數(shù)。
$(window).load(function () {
// run code
});
Example: 對每個圖片加載完成時,高度大于100的所有圖像添加類bigImg。
$('img.userIcon').load(function(){
if($(this).height() > 100) {
$(this).addClass('bigImg');
}
});