我有一个 fullCalendar,我在其中动态地为事件添加了一个删除图标。 你可以看jsFiddle .
在 fiddle 中,您可以看到在页面顶部,有一个动态添加的删除图标。单击它将在控制台中触发一条消息。
但是,当我将相同的代码添加到 fullCalendar 事件(在 eventRender
函数中)时,会添加相同的处理程序,但当您单击该图标时不会触发。
知道为什么这行不通吗?
最佳答案
问题是动态创建的元素上的点击事件。如果将点击功能更改为:
$(document).on("click", ".fc-event-delete-button", function(event) {
console.log("click", event);
})
这将解决问题。
对于动态创建的元素,您需要编写这样的点击功能。将它附加到页面上已经存在的内容,并在括号内指定确切的元素。
这是更新的 JS Fiddle例子
关于javascript - FullCalendar 点击事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46932374/