fullcalendar popover 不适用于事件图标

问题描述

尝试使用图标和弹出框呈现动态事件。无法让弹出框和图标同时工作。我尝试了几种方法。只有第一个 eventRender 函数有效。这是代码。

locals

解决方法

您有两个单独的 eventRender 函数……这是行不通的。当您像这样列出 fullCalenadar 的选项时，您正在定义一个包含许多命名属性的 JS 对象 - 每个选项一个。

按照标准的 JS 行为，如果您在一个对象中两次指定相同的属性，那是无效的 - 它只使用您编写的最后一个。对象中的属性名称必须唯一，否则代码无法区分。

所以您需要做的就是将您单独的 eventRender 选项合并为一个：

    eventRender: function (eventObj,$el) {
        if (eventObj.icon) {
            $el.find(".fc-title").prepend("<i class='fa fa-" + eventObj.icon + "'></i>");
        }

        $el.popover({
            title: eventObj.title,content: eventObj.description,trigger: 'hover',placement: 'top',container: 'body'
        });
    },