如何將點擊事件綁定到元素？

Question

我有這樣的腳本：

$(document).ready(function() {
    $('.button').click(function() {
       var button = document.createElement('button');
       $(button).addClass('button');
       $(button).html('Button');
       $(button).appendTo('.container');
    });
});

示例： jsfiddle

按鈕是由按鈕單擊未單擊事件創建的。 如何附加此事件以使用任何按鈕創建按鈕？

Answer 1

您需要委派事件處理程序以使用動態生成的元素。

通過事件委托，我們可以將單個事件偵聽器附加到父元素，該元素將為與選擇器匹配的所有后代觸發，無論這些后代現在存在還是將來添加。

您可以使用on()方法委托處理程序，如下所示：

$(document).on("click",".button",function() {})

更新小提琴