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

Javascript jquery:父模式对话框文本框不可编辑,javascript,jquery,asp.net-mvc-2,Javascript,Jquery,Asp.net Mvc 2,jqueryui.dialog 打开一个模式对话框后,如果我再次打开另一个模式对话框并将其关闭,则文本框将锁定在父对话框中。我无法解决这个问题。 如果我打开一个非模态对话框,它可以正常工作, 但是家长对话框可以关闭,如何解决,谢谢,在线等待 html:(dotnetmvc2) 我刚想出来,以防万一某人需要答案却找不到答案 需要将#btnShowDlg的CSS文件中的z-index更改为this(不完全是)#638746,然后模式预览中的字段可以编辑。。无需更改任何其他内容:) 只需转到css文件

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

html:(dotnetmvc2)


我刚想出来,以防万一某人需要答案却找不到答案

需要将
#btnShowDlg
的CSS文件中的
z-index
更改为this(不完全是)#
638746
,然后模式预览中的字段可以编辑。。无需更改任何其他内容:)


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

@divid,lock的意思是,它被禁用了吗?感谢gov,文本框是只读的,在第二个对话框后它是不可编辑的closed@divid,你能用firebug选择那个框并看到什么css属性被禁用了吗?也可以看到gov的链接:它似乎没有被禁用,因为文本框背景没有改变,文本框是只读的,不能输入一些字符,我不能得到css属性“disabled”,它是未定义的。再次感谢你
<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>
//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");
            })