javascript - HTML 内容不会在 fullcalendar 的弹出内容中呈现

Question

我正在关注这个 codepen Here以在我的全日历中实现 popover。但是 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"
                    });
                }
            })

标签： javascripttwitter-bootstrapfullcalendar

Answer 1

很确定以前会问过这个问题，但是您可以简单地设置选项

html: true

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

有关详细信息，请参阅文档。