Question

我有一个fullCalendar，我在其中动态添加了一个删除图标。您可以观看jsFiddle。

在小提琴中，您可以看到页面顶部有一个动态添加的删除图标。单击它将在控制台中触发消息。但是，当我将相同的代码添加到fullCalendar事件（在eventRender函数中）时，会添加相同的处理程序，但是当您单击图标时不会触发。

知道为什么这不起作用？

Answer 1

问题是动态创建的元素上的单击事件。如果将单击功能更改为：

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

这将解决问题。

使用动态创建的元素，您需要编写类似的单击函数。将其附加到页面上已存在的内容并指定括号内的确切元素。

这是一个更新的JS Fiddle示例