我使用 jquery ajax 调用页面,并获取响应并将其显示在引导模式中。该页面在浏览器中单独使用该函数调用时会显示一个弹窗
$('a[rel=popover]').popover();
弹出框出现,但在模态框内没有出现弹出框。
更新:
问题是JS问题,错误 $('a[rel=popover]').popover
不是函数
我使用 jquery ajax 调用页面,并获取响应并将其显示在引导模式中。该页面在浏览器中单独使用该函数调用时会显示一个弹窗
$('a[rel=popover]').popover();
弹出框出现,但在模态框内没有出现弹出框。
问题是JS问题,错误 $('a[rel=popover]').popover
不是函数
看到这里的问题是,即使在模态框内也会显示弹出框,但是由于模态框的 z-index 大于弹出框的 z-index,因此您将看不到它。我更改了 popover 元素的 z-index,现在它可以工作了,所以你可以参考这个JSFIDDLE来查看一个实时示例。
CSS:
.popover{
z-index:100000000;
}
使用 Bootstrap,您会发现弹出框和模态框具有相同的 z-index:
.modal .popover,.modal .twipsy{z-index:12000;}
如果包含元素是模态的,则需要手动覆盖 popover z-index:我不确定您是否可以使用 CSS 来执行此操作,但您绝对可以在 js 中执行此操作。