Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery: the parent modal dialog textbox is not editable
    text
    copied!<p>jquery ui.dialog after open a modal dialog, if I will open another modal dialog again and close it, the textbox is lock in the parent dialog. I can not resolve this problem. if I open a non-modal dialog , it works fine, but the parent dialog can be closed ,How to resolve it , thanks , waiting online</p> <p>html:(dotnet mvc2)</p> <pre><code>&lt;input id="btnDlg" type="button" value="open dialog"/&gt; &lt;div id="dlg1"&gt;&lt;%=Html.TextBox("txtName","can not edit") %&gt;&lt;input id="btnShowDlg" type="button" value="dialog again" /&gt;&lt;/div&gt; &lt;div id="dlg2"&gt;&lt;div&gt;the second dialog&lt;/div&gt;&lt;%=Html.TextBox("txtName2") %&gt;&lt;/div&gt; </code></pre> <p>jquery:</p> <pre><code>//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"); }) </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload