如何使用 jQuery 將事件處理程序附加到動態新增的元素？

如何使用jQuery 將事件綁定到動態元素

假設您有現有的jQuery 程式碼，將事件處理程序附加到類.myclass 的元素。但是，在透過 AJAX 或 DHTML 動態新增這些元素到頁面的情況下，新建立的元素將不會有與其關聯的點擊處理程序。

問題解決方案

為了解決這個問題，jQuery 提供了幾種方法：

1. .on() 方法jQuery 1.7 ):

用.on() 替換.live() 方法，並指定一個將父元素與 .myclass 作為參數組合的選擇器。

$('body').on('click', 'a.myclass', function() {
    // do something
});

這會將點擊處理程序附加到所有 具有 .myclass 類別的標籤，無論它們何時會新增到頁面。

2. .delegate() 方法(jQuery 1.6 - 1.8):

.delegate() 方法的作用與.on() 類似，但需要在括號中指定父元素：

$('body').delegate('a.myclass', 'click', function() {
    // do something
});

.on() 和.delegate() 都允許對動態新增的元素進行事件處理。

以上是如何使用 jQuery 將事件處理程序附加到動態新增的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！