Question

我一直在尝试遵循本主题Bootstrap: Open Another Modal in Modal中的提示，但似乎没有得到任何结果。我有两种模式，一种是ID为testModal的模态，另一种是在单击链接时打开的ID为salesModal的模态。

$(document).on('show.bs.modal', '#salesModal', function (event) {
    //alert('Test Modal');
         var zIndex = 1040 + (10 * $('.modal:visible').length);
         $(this).css('z-index', zIndex);
         setTimeout(function() {
             $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
         }, 0);
    });

，但salesModal仍在testModal后面打开。我缺少哪一部分并且做错了？如您所见，我那里有一个调试警报，以确保我在正确的时间做出反应，即。当salesModal打开时，效果很好。

Answer 1

Bootstrap中的分层模式可能很奇怪，但这是我通常的操作方法的快速入门。正确嵌套HTML后，其行为应如下所示： https://www.bootply.com/zg3CRlEMkV#

但是，使用data-dismiss="modal"时，这将关闭所有打开的模式。因此，您需要点击一下，通过JS调用来关闭嵌套嵌套。

在另一个模式上方

1 个答案: