Fullcalendar 完整日历呈现弹出窗口/工具提示问题
我已经导入了fullcalendar插件,我正在尝试通过添加选定事件的弹出窗口/工具提示来修改视图。 但是有大量内容的流行音乐部分被隐藏了。 请参阅附件中的图片,以便更好地理解 我附加了此代码以获得所需的效果。 脚本:Fullcalendar 完整日历呈现弹出窗口/工具提示问题,fullcalendar,Fullcalendar,我已经导入了fullcalendar插件,我正在尝试通过添加选定事件的弹出窗口/工具提示来修改视图。 但是有大量内容的流行音乐部分被隐藏了。 请参阅附件中的图片,以便更好地理解 我附加了此代码以获得所需的效果。 脚本: $('#calendar').fullCalendar({ eventMouseover: function(calEvent, jsEvent, view) { // change the border color jus
$('#calendar').fullCalendar({
eventMouseover: function(calEvent, jsEvent, view) {
// change the border color just for fun
$(this).css('border-color', 'red');
$(this).find(".fc-content").attr({"data-toggle":"popover","title":calEvent.title,"data-content":calEvent.title});
$(this).find(".fc-content").click(function(){$(this).popover('show');},function(){$(this).popover('hide');});
});
这是一个引导问题,而不是一个完整的日历问题。 正如你在这里看到的: 只需添加到.attr数据容器:body 因此: 应该是:
$(this).find(".fc-content").attr({"data-toggle":"popover","title":calEvent.title,"data-content":calEvent.title, "data-container": "body"});
非常感谢。这很有帮助。但是如果日历被滚动或调整大小,popover不会随活动一起重新定位,看起来有问题。
$(this).find(".fc-content").attr({"data-toggle":"popover","title":calEvent.title,"data-content":calEvent.title, "data-container": "body"});