在JQuery

挑戰 $（function（）{ $（“。myclass”）。單擊（function（）{ //做某事 }）; });

This code works well for existing elements with the ".myclass" class, but it will not attach event handlers to elements added later via dynamic operations, such as AJAX or dynamically generated HTML.

The Solution

To address this challenge, we can leverage the jQuery

。 on（）

方法，它允許我們將事件處理程序綁定到DOM中尚不存在的元素。我們沒有將事件直接連接到特定的選擇器，而是指定父元素並使用事件委託捕獲動態添加的後代的事件。

$(function() {
    $(".myclass").click(function() {
        // Do something
    });
});

在此示例中，單擊

內的選擇器“ a.myclass”匹配的任何元素都會觸發事件處理程序，無論該元素是否存在頁面加載或稍後添加。在這種情況下，

元素被用作父元素，但是可以使用

方法時存在的任何靜態父元素可以使用。代碼： 和以下JavaScript代碼：

$（'hodom''）oon（'click'sight'，'＃anchor1'，function（）{ $（this）.append（'

當用戶單擊＃anchor1元素時，帶有“ .myClass”類的新鏈接是動態生成的。多虧了 cendusion 通過使用

。