javascript - Bootbox，两个模态窗口 - 一个在另一个之上

Question

我有两个引导箱模式窗口 - 父级和子级。如果用户输入了错误的数据并尝试保存父模式窗口，则会出现子窗口。问题是 - 当子窗口出现时，仍然可以单击父模式窗口按钮。我该如何解决？当子模式打开时，必须禁用父窗口控件。

非常感谢，

迈克尔

Answer 1

好的！非常感谢！但解决方案更简单。我改变了上面窗口的z-index。示例：父窗口的 z-index 为 1050。我在我的 css 文件中添加了以下行的样式： //div.bootbox.modal.fade... 是子模式窗口

    div.bootbox.modal.fade.in {
         z-index:1070;
 }

//div.bootbox.modal.fade.in + div - 是下一个淡化body的div

div.bootbox.modal.fade.in + div {
     z-index:1060;
 }

非常感谢！

迈克尔

Answer 2

parent=bootbox.dialog(/*your code*/);

将以下代码放入按钮创建子模式的回调中

parent.find('button').prop("disabled",true);

将以下代码放入关闭回调的回调中

parent.find('button').prop("disabled",false);

例如。

$('button calling child').click(function(e)
{    
    parent.find('button').prop("disabled",true);
   bootbox.dialog(
   {
    main:
      {
        callback:function(e)
        {
           parent.find('button').prop("disabled",false);
        }
      }
    });
});