Bootstrap 3两个叠加模态

时间:2017-07-20 08:58:41

标签: twitter-bootstrap-3 bootstrap-modal

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

  

$( “#秒”)模态( '隐藏');

它会抛出错误:

  

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

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

我该怎么办呢?

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

1 个答案:

答案 0 :(得分:0)

将解决方案从问题转移到答案:

  

<强> UPDATE2:   解决方案:   第二个模态嵌套在第一个模态中,当我拿出它时,错误就停止了。