Bootstrap PopConfirm popovers不会显示在<div>上面的overflow:hidden </div>

时间:2014-02-17 20:44:19

标签: javascript jquery html css twitter-bootstrap

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

当从<div>内的一个按钮调用常规的Bootstrap弹出窗口时,其中CSS已设置为overflow:hidden;,它会正确显示<div>上方的整个弹出窗口称为:

happy popover

但是,当从<div>内的一个按钮调用PopConfirm popover时,其中CSS已设置为overflow:hidden;,但它未被正确显示在<div>的上方:

sad popconfirm popoverhttp://jsfiddle.net/bhall7x/Y4t8a/1/

有没有办法以某种方式让PopConfirm popover显示在所有其他元素之上,即使调用它的<div>设置为overflow:hidden;

另请参阅:https://github.com/AnaelFavre/PopConfirm/issues/4

2 个答案:

答案 0 :(得分:2)

设置选项container: 'body'

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

我希望它会对你有所帮助。

答案 1 :(得分:1)

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

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