javascript - Bootstrap PopConfirm 弹出窗口不显示在溢出 :hidden 的 上方

Question

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

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

但是，当从 <div> 中的按钮调用 PopConfirm 弹出窗口时其中 CSS 已设置为 overflow:hidden;它没有正确显示在 <div> 上方从它被调用的地方:

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

有没有办法让 PopConfirm 弹出窗口显示在所有其他元素之上，即使 <div>调用它的位置设置为 overflow:hidden; ？

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

Answer 1

设置选项 container: 'body'

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

希望对您有所帮助。