1

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

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

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

更新:

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

4

2 回答 2

2

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

CSS:

.popover{
    z-index:100000000;
}
于 2013-10-17T12:38:26.140 回答
1

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

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

如果包含元素是模态的,则需要手动覆盖 popover z-index:我不确定您是否可以使用 CSS 来执行此操作,但您绝对可以在 js 中执行此操作。

于 2012-04-24T06:09:20.983 回答