2011-12-23 62 views
0

我想,當某一類的元件裝入,並點擊運行函數...所以像:JQuery的加載事件

$(".blah").on("load,click", function() { 
    // do stuff 
}) 

但似乎load事件不是一個事件(可能? )。讓功能在點擊和加載時運行的最佳方式是什麼?

回答

0

你可以觸發文件準備好點擊:爲load

$(document).ready(function() { 
    $('.blah').click(function() { 
     // handle click event 
    }); 
    $('.blah').trigger('click'); 

}); 

從jQuery的文檔:

負載事件被髮送到一個元素時,它和所有的子元素有 已完全加載。此事件可以發送到與URL相關聯的任何元素 :圖像,腳本,框架,iframe和窗口對象。

0

實際上有一個加載事件。你的代碼不工作,因爲你需要事件之間的逗號。它應該是這樣的:「加載點擊」。

但我認爲你需要點擊只觸發元素加載後,所以它應該是這樣的:

$(".blah").load(function() {   
    $(this).bind("click", function() { 
     // do stuff 
    }) 
}) 

請注意,如果您正在加載的圖像則可能無法正常

注意事項

It doesn't work consistently nor reliably cross-browser 
It doesn't fire correctly in WebKit if the image src is set to the same src as before 
It doesn't correctly bubble up the DOM tree 
Can cease to fire for images that already live in the browser's cache 

http://api.jquery.com/load-event/

:與圖像一起使用時加載事件的