javascript - FullCalendar 点击事件未触发

标签 javascript jquery fullcalendar

我有一个 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/

相关文章:

javascript - 如何添加悬停事件监听器来触发事件监听器

javascript - FullCalendar 防止事件在工作时间以外丢失

javascript - Fullcalendar 在 Safari 上以中文呈现是否存在已知问题(无论语言设置如何?)

javascript - Angular 按键事件的问题

javascript - jQuery 中有类似 Dojo GFX 的东西吗?

jquery - 如何通过 jQuery 插件 fullCalendar 使用多个来源?

javascript - 比较两个对象中存在的属性

jquery - 如何在 MVC 中将图像从 View 传递到 Bootstrap Modal?

javascript - Node js、Express 和 handlebars 渲染全日历插件不工作