javascript-FullCalendar点击事件未触发

我有一个fullCalendar,其中我在事件上动态添加了删除图标.
您可以观看jsFiddle.

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

知道为什么这行不通吗？

解决方法:

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

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

这样可以解决问题.

使用动态创建的元素,您需要编写这样的click函数.将其附加到页面上已经存在的东西上,并在方括号内指定确切的元素.

这是更新的JS Fiddle示例

标签：fullcalendar,javascript,jquery
来源： https://codeday.me/bug/20191025/1929841.html