css - 我在 fullcalendar 上的弹出窗口被剪掉了

Question

我将 Bootstrap 2.2 弹出窗口与 FullCalendar 结合使用，但当它们出现在边缘附近时，它们会被日历的 CSS 裁剪掉 - 请参阅此处的 fiddle : http://jsfiddle.net/nzxyY/6/

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

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

是否有我可以使用的 CSS hack 来使弹出窗口避免溢出:FullCalendar 对其内容强加的隐藏约束？将弹出窗口绑定(bind)到内部日历 DOM 元素(例如滚动)有好处，但目前它有被剪裁的缺点。我试过将上述规则更改为 overflow:visible 但这没有用。感谢对此的任何想法。

Answer 1

还有其他问题可以通过相同的解决方案解决，但每次的上下文差异太大:

• Make bootstrap popover overlap
• Bootstrap popover clipped to extent of containing div

确定的解决办法是升级到最近的2.3.0版本，或者申请this diff (github)到您的 jQuery 工具提示插件(因为 popover 继承了工具提示行为)。

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

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

检查 fixed fiddle .

---

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

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