如何解决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'
});
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。