首頁 > web前端 > js教程 > 如何使用 jQuery 將事件處理程序附加到動態新增的元素?

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

Patricia Arquette
發布: 2025-01-05 11:10:43
原創
164 人瀏覽過

How to Attach Event Handlers to Dynamically Added Elements with 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板