当事件的渲染选项等于背景时，Fullcalendar 工具提示无法正常工作

Question

我正在尝试使用 Fullcalendar 4.3.1 在背景中显示假期，而在同一日期显示其他事件。 我的目标是当用户将鼠标悬停在几天时，我通过工具提示显示假日名称，而背景为另一种颜色，并且可以添加其他事件。

Antonio Santise 的回答是为了显示工具提示，但是当我将事件的渲染选项设置为“背景”时，只显示最后一个事件的工具提示。 有人可以帮助我避免这种行为并显示所有事件的工具提示吗？

我的代码：

• 使用 Laravel 的 model 获取数据

public function index() {
    $eventos = EventoCalendario::selectRaw('id, \'true\' as allDay, title, data as start, data as end, color, is_facultativo, \'background\' as rendering')
                        ->orderBy('data')
                        ->get();

    return view('eventoscalendario.index', compact('eventos'));
}

• Fullcalendar 的选项

events: {!! $eventos !!},
eventRender: function(info) {
   $(info.el).tooltip({
          title: info.event.title,
          html: true
   });
}

提前致谢！

Answer 1

Fullcalendar 团队提供了解决上述问题的“骨架”。 但是，他们仍在努力在下一个版本中解决此问题。

单击此处查看 Fullcalendar 的 repo 中的问题 #5110

解决方案：

只需在页面下方插入 CSS 代码即可。

.fc-bgevent-skeleton {
  pointer-events: none;
}
.fc-bgevent-skeleton .fc-bgevent {
  pointer-events: auto;
}
.fc-content-skeleton {
  pointer-events: none;
}
.fc-content-skeleton .fc-event {
  pointer-events: auto;
}