如何在 Fullcalendar 工具提示中动态显示循环子事件？

Question

我想在 Fullcalendar 插件中悬停事件时显示工具提示，但我只想在工具提示中按索引顺序显示子事件。

如果我的json是这样的：

[{
"title":"event A,
"start":"2020-07-29",
"end":"2020-07-29",
"extendedProps":{"subevent":"sub 1","subevent":"sub 2","subevent":"sub 3"},
}, {
"title":"event B,
"start":"2020-07-30",
"end":"2020-07-30",
"extendedProps":{"subevent":"sub 4","subevent":"sub 5"}]

这是我的 eventMouseEnter：

eventMouseEnter: function(info) {
        var tis=info.el;
        var popup=info.event.extendedProps;
        var tooltip = '<div class="tooltipevent" style="top:'+($(tis).offset().top-5)+'px;left:'+ 
($(tis).offset().left+($(tis).width())/2)+'px"><div>Name ' + popup.title + '</div><div>sub event ' + popup.subevent + '</div></div>';
        var $tooltip = $(tooltip).appendTo('body');
  }

如何动态显示我的子事件？ example picture

谢谢。

此致，

埃卡

Answer 1

eventMouseEnter: function(info) {
        var tis=info.el;
        var popup=info.event.extendedProps;
        var detail=info.event.extendedProps.itenery;
        var arrayLength = detail.length;
        for (var i = 0; i < arrayLength; i++) {      
          var str = detail.join('<br/><br/> ');
        }
        var tooltip = '<div class="tooltipevent" style="top:'+ 
($(tis).offset().top-5)+'px;left:'+($(tis).offset().left+($(tis).width())/2)+'px"> 
<div>' + popup.title + '</div><div>' + str + '</div></div>';
        var $tooltip = $(tooltip).appendTo('body');
  }

如何在 Fullcalendar 工具提示中动态显示循环子事件？

How to show looping sub event in Fullcalendar tooltip dynamically?

jquery

fullcalendar