【问题标题】:Bootstrap PopConfirm popovers don't show above a <div> where overflow:hiddenBootstrap PopConfirm 弹出框不显示在 <div> 上方溢出:隐藏
【发布时间】:2014-02-17 20:44:18
【问题描述】:

我正在使用 Bootstrap 3.1.1 和 PopConfirm plug-in 在提交表单之前提供确认。

当从 &lt;div&gt; 内的按钮调用常规 Bootstrap 弹出框时,其中 CSS 已设置为 overflow:hidden;,它会正确显示整个弹出框上方的 &lt;div&gt; 从内部调用:

但是,当从 &lt;div&gt; 内的按钮调用 PopConfirm 弹出框时,其中 CSS 已设置为 overflow:hidden;,它不会正确显示在调用它的 &lt;div&gt; 上方:

(http://jsfiddle.net/bhall7x/Y4t8a/1/)

有没有办法让 PopConfirm 弹出框显示在所有其他元素之上,即使调用它的 &lt;div&gt; 设置为 overflow:hidden;

另见:https://github.com/AnaelFavre/PopConfirm/issues/4

【问题讨论】:

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

设置选项container: 'body'

$(".btn-relist").popover({
    title: "Relist",
    content: "Relist item?",
    placement: "top",
    container: 'body'
});

希望对你有帮助。

【讨论】:

    【解决方案2】:

    从问题:Make bootstrap popover overlap 我找到了解决方案。

    我在最新版本中添加了一个“容器”参数。请使用 github 上的最新版本。

    【讨论】:

    • 是的!问题是我们只需要将container: 'body' 添加到 PopConfirm 默认值。谢谢!
    • 如果您从模态框内触发 PopConfirm,请务必设置 container: false,以便 PopConfirm 弹出框不会隐藏在模态框后面。 (jsfiddle.net/bhall7x/Y4t8a/10)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-11-13
    • 2014-07-01
    • 1970-01-01
    • 2013-12-02
    • 2013-08-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多