在Modal中为bootstrap twitter库显示一个popover

Question

我使用jquery ajax调用页面，并获取响应并在bootstrap模式中显示它。 当使用函数

单独在浏览器中调用时，此页面显示一个弹出窗口

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

弹出窗口出现，但在模态内弹出窗口不会出现。

更新

问题是JS问题，其中错误$('a[rel=popover]').popover不是函数

Answer 1

这里看到的问题是，即使在模态内部也会显示弹出窗口，但由于模态的z-index大于弹出窗口的z-index，因此无法看到它。我更改了popover元素的z-index，现在它正常工作，因此您可以参考此 JSFIDDLE 来查看实例。

CSS：

.popover{
    z-index:100000000;
}

Answer 2

使用Bootstrap，你会发现popover和modal具有相同的z-index：

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

如果包含元素是模态，你需要手动覆盖popover z-index：我不确定你可以使用CSS来做，但你绝对可以在js中进行。