我正在尝试让Fullcalendar与Twitter Boostrap Popovers一起使用。
如果我单击一个事件,我想在弹出窗口中显示一些详细信息。
因此,首先将此lil片段添加到Fullcalendar:
eventClick: function(event, jsEvent, view) {
$this = $(this);
$this.popover({html:true,title:event.title,placement:'top'}).popover('show');
return false;
},
但是现在我遇到了两个问题:
Fullcalendar位于div内,该div具有溢出:隐藏或其他内容,因为弹出窗口在Fullcalendar的边界上被剪切了。我该如何解决?
与问题2相似,我想根据事件在Fullcalendar网格中的位置,通过功能在顶部,左侧,右侧或底部放置弹出框。我该怎么做?
谢谢!
最佳答案
从2.3版开始,bootstrap现在具有针对弹出框的“容器”选项,该选项将弹出框附加到特定元素。
只需添加{container:'body'}
即可将其附加到正文
$this.popover({html:true,title:event.title,placement:'top',container:'body'}).popover('show');
关于twitter-bootstrap - 带有Twitter Bootstrap Popover的Fullcalendar,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14158141/