javascript - JQuery 在另一个模态对话框中打开一个模态对话框

Question

我正在使用 JQuery v2.1.1 和 JQuery UI v1.11.0，我试图在另一个对话框中打开一个模式对话框，第一个(父级) ) 对话框被禁用。

在两个对话框中，模态属性都是真实的，但只有背景是禁用的。

这是 HTML:

<div id="dialog-first" title="1st Modal">
    First Modal
    <input type="text" id="onetext"/>
</div>

<div id="dialog-second" title="2nd Modal">
    Second Modal
</div>

还有 JS:

$( "#dialog-first" ).dialog({
    height: 300,
    modal: true,
    buttons: {
        Cancel: function() {
            $(this).dialog('close');
        }
    }
});

$( "#dialog-second" ).dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        Cancel: function() {
            $(this).dialog('close');
        }
    }
});

$("#onetext").dblclick(function() {
    $("#dialog-second").dialog("open");
});

为了测试，我将代码写在:http://jsfiddle.net/33PQj/

使用 JQuery UI 1.8.23 工作正常，但在最后一个稳定版本中...不是。

提前致谢。

PD:这是一个有效的例子:http://jsfiddle.net/n725A/1/但是，使用 JQuery UI 1.8.23 和 JQuery 1.6.4(也适用于 1.8.3)

PD2:我完成了一个糟糕的解决方案:http://jsfiddle.net/pj5Dg/1/结果不理想

Answer 1

第二个模态上的 modal: false，第一个模态仍可访问，但背景不可访问:

http://jsfiddle.net/n725A/1/