Question

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

非常感谢，

迈克尔

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 - 是淡出身体的下一个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);
        }
      }
    });
});

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

2 个答案: