如何處理動態載入的 HTML 元素上的點擊事件：「.live()」與「.on()」？

動態載入HTML 的事件處理：.live() 與.on()

當使用動態載入的HTML 時，它變成對於處理原本不存在的元素的事件至關重要。已棄用的 .live() 方法及其建議的替代方法 .on() 提供了解決此挑戰的不同方法。

原始問題表達了使用$('#parent 動態添加的元素註冊點擊事件的困難').load("http://...").雖然.click() 無法捕獲事件，但.live() 可以工作，但已被棄用。

解決方案在於使用 .on() 進行委託事件處理。不要將事件直接附加到動態載入的元素 (#child)，而是使用與子元素相符的選擇器將其綁定到父元素 (#parent)。這種方法確保即使 #child 在 load() 操作之後創建，它也會繼承其父級上設定的事件處理程序。

此場景的建議語法是：

以這種方式，點擊事件偵聽器將附加到#parent，並且任何源自#child的點擊都將被事件處理程序會擷取和處理，即使父級最初建立時#child可能不存在已建立。

以上是如何處理動態載入的 HTML 元素上的點擊事件：「.live()」與「.on()」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！