我的全日历弹出窗口被剪掉了

2024-03-26

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

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

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

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


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

  • 使引导弹出窗口重叠 https://stackoverflow.com/q/14633364/1478467
  • Bootstrap 弹出窗口被裁剪到包含 div 的范围 https://stackoverflow.com/q/13261393/1478467

确定的解决办法是升级到最新的2.3.0版本,或者应用这个差异(github) https://github.com/twitter/bootstrap/commit/d594d6377a7e9cda399c25a450b0d27df704d939#L0L129到您的 jQuery 工具提示插件(因为弹出窗口继承了工具提示行为)。

然后,您可以使所有弹出窗口表现相同(主要是因为您将弹出窗口初始化委托给另一个框架):

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

检查固定小提琴 http://jsfiddle.net/Sherbrow/nzxyY/7/.


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

$('.popover').popover({
    container: 'body'
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我的全日历弹出窗口被剪掉了 的相关文章