在 Modal 中显示用于引导 twitter 库的弹出框答案

【问题标题】：Displaying a popover inside Modal for bootstrap twitter library在 Modal 中显示用于引导 twitter 库的弹出框
【发布时间】：2012-05-04 18:19:31
【问题描述】：

我使用 jquery ajax 调用页面，并获取响应并在引导模式中显示它。该页面在浏览器中使用函数单独调用时会显示一个弹窗

   $('a[rel=popover]').popover();

弹出框出现，但在模态框内没有出现弹出框。

更新：

问题是JS问题，错误是$('a[rel=popover]').popover is not a function

【问题讨论】：

【解决方案1】：

这里看到的问题是，即使在模态框内也会显示弹出框，但是由于模态框的 z-index 大于弹出框的 z-index，因此您将看不到它。我更改了 popover 元素的 z-index，现在它可以工作了，所以你可以参考这个 JSFIDDLE 来查看一个实时示例。

CSS：

.popover{
    z-index:100000000;
}

【讨论】：

【解决方案2】：

使用 Bootstrap 你会发现弹出框和模态框具有相同的 z-index：

.modal .popover,.modal .twipsy{z-index:12000;}

如果包含元素是模态的，则需要手动覆盖弹出框 z-index：我不确定是否可以使用 CSS 来实现，但绝对可以在 js 中实现。

【讨论】：