jQuery動態添加的元素綁定事件處理函數代碼

之前咱們定義事件,好比爲元素定義單擊事件是這樣寫的: jquery

複製代碼代碼以下:

$('input').click(function () { 
//處理代碼 
}); 


或 app

複製代碼代碼以下:

$('.clickme').bind('click', function() { 
// Bound handler called. 
}); 


可是這隻能是對已經加載好的元素定義事件,那些後來添加插入的元素則須要另行綁定。即便你使用jquery的clone函數,它並不能將事件也複製(到目前爲止我還不清楚它是爲何這樣定義,是無法複製仍是刻意這麼處理,以防止出現某些異常,這還有待去分析一下jquery的源代碼)。 
如今,使用live你能夠輕鬆搞定, 
$('.clickme').live('click', function() { // Live handler called. });這樣,你即便在後面動態插入的元素,也會被綁定事件,$('body').append('<div class="clickme">Another target</div>');函數

相關文章
相關標籤/搜索