Bootstrap 3 两个覆盖模式答案

【问题标题】：Bootstrap 3 two overlaying modalsBootstrap 3 两个覆盖模式
【发布时间】：2017-07-20 08:58:41
【问题描述】：

我想要两个重叠的动态模态，当我关闭第二个模态时，原来的模态保持打开状态。我试图捕捉第二个的 hide.bs.modal 和 hidden.bs.modal 事件来关闭它，但那些不会仅在第一个模式上触发。但是当我捕捉到原始模式 hide.bs.modal 事件并且我想关闭第二个模式时

$("#second").modal('hide');

它抛出一个错误：

无效的正则表达式：/(^|.)bs.(?:.*.|)modal(.|$)/: Stack 溢出

$("#original").on('hide.bs.modal', function (event) {
   if($("#second").is(':visible')) 
   {
      $("#second").modal('hide');
      event.stopPropagation();
      return false;
   }
};

请问我该怎么做？

更新： 这两个模态具有相同的 z-index = 1050。我认为它们应该是不同的数字。

【问题讨论】：

标签： twitter-bootstrap-3 bootstrap-modal

【解决方案1】：

从问题到答案的移动解决方案：

更新 2： 解决方案：第二个模态嵌套在第一个模态中，当我取出它时，错误就停止了。

【讨论】：