在模态对话框上显示引导框

Question

我有这样的模态对话框

<div id="tenantDialog" class="modal fade" tabindex="-1" data-backdrop="static">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">
                <i class="fa fa-users"></i>
                <spring:message code="label.tenant.person.title"/>
            </h4>
        </div>
        <div class="modal-body">
            <%--We load here the persons table here to be reloaded in any moment--%>
            <div id="personTableDiv">
                <c:set var="preferredCollaborators" value="${preferredCollaborators}" scope="request"/>
                <jsp:include page="personsTable.jsp"/>
            </div>
        </div>
        <div class="modal-footer">
        </div>
    </div>
</div>

然后在personsTable.js 关联到包含页面我有逻辑打开一个引导框确认。但我的问题是，这个引导框显示在模态对话框下，所以它并不难处理。

这是我的引导箱创建

bootbox.confirm(customText, function (confirmed) {
    if (confirmed) {
        var regularityDocumentsIds = [];
        var i;
        for (i = 0; i < selectedPersons.length; i += 1) {
            regularityDocumentsIds.push($(selectedPersons[i]).attr("data-preferredcollaboratorid"));
            }
        removePersons(regularityDocumentsIds);
    }
});

知道我该怎么做才能在模态对话框上显示这个引导框吗？

Answer 1

这是一个已确认的问题：在 bootstrap modal 中使用 bootbox.confirm()。

你有一个解决方法。在你的 CSS 中添加这个：

.bootbox.modal {z-index: 9999 !important;}