2013-01-20 33 views
2

我知道我們可以將「live」方法用於here這樣的目的。但是現在「實時」方法在jQuery 1.9.0中被刪除。那麼我應該如何爲Ajax加載的元素綁定一些事件(例如,「點擊」)?如何將jQuery 1.9.0中的事件綁定到通過Ajax加載的元素?

+2

'on'作爲文檔告訴你從jQuery 1.7開始,.live()方法已被棄用。使用.on()附加事件處理程序。老版本的jQuery用戶應優先使用.delegate(),而不要使用.live()。 – mplungjan

回答

7

.on()事件綁定:

用法:

$(document).on('click', '.loaded-via-ajax', function(){ 
    alert($(this).attr('id')); 
}); 

這將提醒這是通過AJAX加載的ELEM的ID。

您必須將事件委託給現有母公司,像這樣:

$('.classofdiv').on('click', '.loaded-via-ajax', function(){ 
    alert($(this).attr('id')); 
}); 

這裏.classofdiv是已經得到了來自AJAX功能加載內容的DIV,當你點擊elem與類名.loaded-via-ajax這將獲得該事件,並最終警告其ID(if that elem has an id

+0

謝謝。綁定到現有的parrent元素有所幫助 –

相關問題