FullCalendar点击事件未触发。

Question

我在fullCalendar中动态添加了事件上的删除图标。你可以查看jsFiddle。

在这个示例中，你可以看到页面顶部有一个动态添加的删除图标。点击它将触发控制台中的消息。但是，当我将相同的代码添加到fullCalendar事件中（在eventRender函数中），相同的处理程序被添加了，但是当你单击图标时不会触发它。你有什么想法为什么它不起作用吗？

- Dany Dhondt

Answer 1

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

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

这会解决问题。

对于动态创建的元素，您需要编写一个类似于此的点击函数。将其附加到页面上已经存在的元素上，并在括号内指定确切的元素。

这是一个更新后的JS Fiddle示例。

- user7915634

---

谢谢Simon。在fiddle中它可以工作，但在我的应用程序中却不行:(也许我还是忽略了什么。 令我困惑的是，在我的原始fiddle中，我添加在页面顶部的div也是动态创建的，并且它可以与我的代码一起工作。这可能是fullCalendar本身存在问题吗？ - Dany Dhondt

@DanyDhondt 我不能确定问题是什么，但你尝试过清除缓存并重新测试页面吗（这在我的几个场合中都是一个问题）。在你的原始fiddle中，该元素是在定义click函数之前创建的，所以这可能是为什么那个可以工作而其他不能的原因。对我来说，这看起来不像是fullCalendar的问题。 - user7915634