Question

jquery ui.dialog 打开模态对话框后，如果我再次打开另一个模态对话框并关闭它，则文本框将锁定在父对话框中。我无法解决这个问题。如果我打开一个非模态对话框，它工作正常，但是父对话框可以关闭，如何解决，谢谢，在线等待

html :( dotnet mvc2）

<input id="btnDlg" type="button" value="open dialog"/>
<div id="dlg1"><%=Html.TextBox("txtName","can not edit") %><input id="btnShowDlg" type="button" value="dialog again" /></div>
<div id="dlg2"><div>the second dialog</div><%=Html.TextBox("txtName2") %></div>

jquery的：

//first modal dialog
$("#dlg1").dialog({
                autoOpen: false,
                height: 350,
                width: 300,
                title: "The first dialog!",
                bgiframe: true,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancel': function() {
                        $(this).dialog('close');
                    },
                    'OK': function() {
                        $(this).dialog('close');
                    }
                }
            })
//second modal dialog
            $("#dlg2").dialog({
                autoOpen: false,
                height: 200,
                width: 300,
                title: "This is the second dialog!",
                bgiframe: true,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancel': function() {
                        $(this).dialog('close');
                    },
                    'OK': function() {
                        $(this).dialog('close');
                    }
                }
            })
//show the first modal dialog
            $("#btnDlg").click(function() {
                $("#dlg1").dialog("open");
            })
    //show the second modal dialog
                $("#btnShowDlg").click(function() {
                    $("#dlg1").dialog("options", "hide",true);
                    $("#

dlg2").dialog("open");
            })

Answer 1

我只是想出来，以防某人需要答案而且找不到答案

需要将z-index的CSS文件中的#btnShowDlg更改为此（不完全是）＃638746，然后模态预览中的字段可以编辑。无需更改别的什么:)）

只需转到您的css文件，找到#btnShowDlg，然后更改或设置z-index:638746;

jquery：父模式对话框文本框不可编辑

1 个答案: