jquery - 完全包含 fullcalendar.io 中的重叠事件

Question

我正在使用 fullcalendar.io 来显示一系列包含约会的时段。目前，它仅显示约会空档和一些图像作为事件描述的一部分，例如

。

我想做的事情如下:

这些黄色框中的每个行项目都需要有一个悬停工具提示，并且可以单击以运行某些任意事件。

为了做到这一点，我尝试了几个选项:

1. 扩展事件的描述字段以包含具有 onclick 事件的 div(日历事件将禁用移动/调整大小)。这些 onclick 事件将执行一些 JavaScript 行为。
2. 创建多个事件，一个用于后台，一个用于每个前台事件 - 但是，它们必须完全包含在后台事件中，如下所示 here (点击“日”后)它们并不完全重叠。

是否有最佳实践或内置功能可以让可点击项目ON事件？

谢谢! 詹姆斯

更新

在 eventRender 行为中，您可以手动更新元素的 CSS 以对其进行移动。允许重叠，如果需要，手动设置 Z-Index，并使用如下内容:

$(element).css({"width":"50px", "margin-left":"-100px"})

Answer 1

有一个 eventRender 回调，可用于以我们想要的任何方式修改事件。查看完整的日历文档。