FullCalendar 点击事件未触发答案

【问题标题】：FullCalendar click event not triggeredFullCalendar 点击事件未触发
【发布时间】：2017-10-25 12:24:13
【问题描述】：

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

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

知道为什么这不起作用吗？

【问题讨论】：

【解决方案1】：

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

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

这将解决问题。

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

这是一个更新的JS Fiddle 示例

【讨论】：

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