首頁 > web前端 > js教程 > 為什麼我的 Click 事件無法在 jQuery 中動態新增的元素上觸發?

為什麼我的 Click 事件無法在 jQuery 中動態新增的元素上觸發?

Linda Hamilton
發布: 2024-11-10 09:40:03
原創
1011 人瀏覽過

Why Does My Click Event Fail to Fire on Dynamically Added Elements in jQuery?

在jQuery 中將點擊事件綁定到動態新增的元素

使用jQuery 動態新增HTML 元素時,必須將點擊事件綁定定到這些元素使它們具有互動性。但是,有時這可能會帶來挑戰,特別是在事件未執行的情況下。

在提供的程式碼中,您將 onclick 事件綁定到動態附加到 .add_to_this 元素的連結 (close_link) 。但是,當您單擊連結時,該事件不會觸發。

問題在於使用了已棄用的事件綁定方法,例如bind()。這些方法已被現代版本的 jQuery 中的 on() 方法取代。

要將點擊事件正確綁定到動態新增的元素,請使用以下語法:

$(document).on('click', '.your-selector', function() {
  // Function to execute on click
});
登入後複製

中根據您的情況,您可以將綁定方法替換為以下內容:

$(document).on('click', '.close_link', function() {
  alert('hello from binded function call');
});
登入後複製

這將確保在點擊連結時觸發點擊事件,即使它已新增動態地。請記住,使用 $(document).on() 進行事件委託對於處理動態新增的元素上的事件至關重要。

以上是為什麼我的 Click 事件無法在 jQuery 中動態新增的元素上觸發?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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