如何使用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中文網其他相關文章!