Bootstrap：弹出模态

我想使用来自Twitter的Bootstrap CSS库在现有的modal dialog上使用弹出效果。 我将popover绑定到小图像图标。

$('#infoIcon').popover({ offset: 50, placement: 'right' }); 

根据文档还添加了模态本身：

 $('#modalContainer').modal({ keyboard : true }); 

但我得到的效果是，弹出窗口是在模态容器下渲染而不是模态div（请参见下面的屏幕截图）。 我怎样才能真正将弹片转移到模态div上？

Answer 1

Bootstrap的工作人员将此问题识别为错误，并将其修复为下一个版本。 在这里查看更多详情

Answer 2

你不需要javascript，只需通过CSS设置popover的z-index：

 .popover { z-index: 1060; } 

Answer 3

同时你可以尝试：

 $('#infoIcon').popover({ offset: 50, placement: 'right' }); $("#infoIcon").data('popover').tip().css("z-index", 1060); 

Answer 4

如果你需要飞行，你应该使用

 $("").appendTo("head"); 

Answer 5

尝试检查一个窗口的z-index值是什么，并修改具有更高值的另一个窗口的z-index。 如果您使用的插件不允许在其输入参数中进行此更改，则可以使用jQuery css函数执行此操作。