FullCalendar點擊事件未觸發

Question

我有一個fullCalendar，在其中我動態地在事件上添加一個刪除圖標。 你可以看jsFiddle 。

在小提琴中，您可以看到頁面頂部有一個動態添加的刪除圖標。 單擊它將在控制台中觸發消息。 但是，當我將相同的代碼添加到fullCalendar事件（在eventRender函數中）時，會添加相同的處理程序，但是當您單擊圖標時不會觸發。

知道為什么這不起作用？

Answer 1

問題是動態創建的元素上的單擊事件。 如果將單擊功能更改為：

$(document).on("click", ".fc-event-delete-button", function(event) {
console.log("click", event);
})

這將解決問題。

使用動態創建的元素，您需要編寫這樣的單擊函數。 將其附加到頁面上已存在的內容並指定括號內的確切元素。

這是一個更新的JS Fiddle示例