當事件的渲染選項等於背景時，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;
}