Javascript 未触发FullCalendar单击事件

我有一个完整的日历，在其中动态地在事件上添加一个删除图标。 你可以看电视

在fiddle中，您可以看到页面顶部有一个动态添加的删除图标。单击它将在控制台中触发一条消息。 但是，当我向fullCalendar事件添加相同的代码时（在

eventRender

函数中），会添加相同的处理程序，但单击图标时不会触发

---

知道为什么这样不行吗？

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

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

这将解决问题

对于动态创建的元素，您需要编写这样的单击函数。将其附加到页面上已经存在的内容，并在括号中指定确切的元素

---

下面是一个更新的示例

谢谢Simon。在小提琴中它起作用，但在我的应用程序中它不起作用：（也许我仍然忽略了一些东西。让我困惑的是，在我最初的提琴中，我在页面顶部添加的div也是动态创建的，并且该div与我的代码一起工作。可能是fullCalendar本身存在问题吗？@DanyDhondt我不能确定问题是什么，但您是否尝试过清除缓存并测试再次翻页（这在某些情况下对我来说是个问题）。在你最初的小提琴中，元素是在定义单击功能之前创建的，所以这可能就是为什么一个可以工作，而其他不能工作的原因。对我来说，这看起来不像fullCalendar的问题。