首頁  >  文章  >  後端開發  >  為什麼動態加入元素到 DOM 後 JavaScript 事件無法觸發?

為什麼動態加入元素到 DOM 後 JavaScript 事件無法觸發?

Patricia Arquette
Patricia Arquette原創
2024-11-16 10:19:02221瀏覽

Why do JavaScript events fail to trigger after dynamically adding elements to the DOM?

加入元素後JavaScript 事件傳播失敗

問題:

問題:

答案:

jQuery 在載入時對 DOM 中存在的元素進行操作。無法辨識後續新增的元素。若要克服此限制,請透過將事件從新新增的元素傳遞到現有 DOM 元素來實現事件委託。

在提供的程式碼中,將「編輯」連結的事件處理程序移至頁面中存在的父元素使用on() 方法載入:

此修改可確保JavaScript繼續回應動態新增到DOM 的元素的事件。

以上是為什麼動態加入元素到 DOM 後 JavaScript 事件無法觸發?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn