HTML内容不会以全日历形式显示在弹出式窗口内容中

Question

我正在遵循此代码笔Here来在我的全日历中实现弹出式窗口。但是html不会在popover.content中呈现。相反，它只是将其显示为字符串。这是我的实现。

 function GenerateCalender(events) {
            $('#calender').fullCalendar('destroy');
            $('#calender').fullCalendar({
                contentHeight: 400,
                defaultDate: new Date(),
                timeFormat: 'h(:mm)a',
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,basicWeek,basicDay,agenda'
                },
                eventLimit: true,
                eventColor: '#378006',
                events: event_array,
                eventRender: function (calEvent, $el) {
                    $el.popover({
                        title: calEvent.title,
                        content: "<div><b>Example popover</b> - content</div>",
                        start: calEvent.start,
                        end: calEvent.end,
                        trigger: "hover",
                        placement: "top",
                        container: "body"
                    });
                }
            })

Answer 1

可以肯定的是，这已经被问过了，但是您只需设置选项即可

html: true

在弹出菜单选项中，将您的内容呈现为HTML。

有关详细信息，请参见documentation。