我正在尝试让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/

10-14 05:51