我在fullcalendar上的弹出窗口正在剪辑

Question

我正在使用Bootstrap 2.2 popovers与FullCalendar结合使用,但当它们出现在边缘附近时,它们会被日历的CSS剪掉 - 请看这里的小提琴:http: //jsfiddle.net/nzxyY/6/

日历有几个包含内容的div,但我怀疑这是罪魁祸首:

.fc-view {
   width: 100%;
   overflow: hidden;
 }

是否有一个CSS hack我可以用来使popover避免溢出:FullCalendar对其内容强加的隐藏约束？将popover绑定到内部日历DOM元素(例如滚动)是有好处的,但是它目前具有被剪裁的缺点.我已经尝试将上述规则更改为溢出:可见,但这不起作用.感谢对此的任何想法.

Answer 1

还有其他问题可以通过相同的解决方案解决,但每次上下文都有太多不同:

• 使bootstrap popover重叠
• Bootstrap popover剪裁到包含div的范围

确定的解决方案是升级到最后的2.3.0版本,或将此diff(github)应用于您的jQuery工具提示插件(因为popover继承了工具提示行为).

然后你可以使所有popover行为相同(主要是因为你将popover初始化委托给另一个框架):

$.fn.popover.defaults.container = 'body';

检查固定小提琴.

或者你可以使用popover选项popover:

$('.popover').popover({
    container: 'body'
});