使用popper.js添加EventRender时，FullCalendar故障解析JSON

Question

我正在尝试通过Google日历的事件将FullCalender添加到我的页面上。当我不包含EventRender时，它会显示事件，但是当我单击它们时，将我带到Google日历。当我添加EventRender以使事件信息悬停在事件上时弹出窗口时，我会得到故障解析JSON错误，并且这些事件根本不会在日历上呈现。

这是我正在使用的代码(请注意，API密钥和日历ID已填充在实际代码中(：

<script>
    document.addEventListener("DOMContentLoaded", function() {
        let calendarEl = document.getElementById("calendar");
        let calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: ["dayGrid", "timeGrid", "list", "interaction", "googleCalendar"],
            selectable: true,
            googleCalendarApiKey: "<API KEY>",
            events: {
                googleCalendarId: "<my-calender-id>",
                className: "gcalEvent"
            },
            eventRender: function(eventObj, $el) {
                $el.popover({
                  title: eventObj.title,
                  content: eventObj.description,
                  trigger: 'hover',
                  placement: 'top',
                  container: 'body'
                });
              }
        });
        calendar.render();
    });
</script>

我是HTML的新手，也是Stackoverflow，因此，如果这没有足够的信息来解析解决方案，请让我知道我需要添加的内容。

Answer 1

我认为问题是您收到的东西与不应该的结构不符。

尝试：

事件：[ { 标题："我的活动"， 开始：'2019-07-07'， 描述："这是一个很酷的事件" } ]，

                eventRender: function(info) {
                    var tooltip = new Tooltip(info.el, {
                        title: info.event.title,
                        content: 'asdadasdqweqweqweqweqwasssd',
                        placement: 'top',
                        trigger: 'hover',
                        container: 'body'
                    });

它对我有用，当我只使用信息时，我添加事件标题...只是一个示例。 祝你好运

Answer 2

尝试：

eventRender: function (info) {
                $(info.el).popover({
                    title: info.event.title,
                    content: 'asdadasdqweqweqweqweqwasssd',
                    placement: 'top',
                    trigger: 'hover',
                    container: 'body'
                });
            },