Jquery模式對話框禁用表單元素

當我將jQuery對話框設置爲model = true時，它會禁用對話框中的我的表單元素，並且我不能使用它們，只有按鈕。我已經看到了對話框的內容在對話框啓動腳本中被聲明然後被注入的例子。但這只是爲了讓我體積龐大，我希望能夠在DIV內部創建我的標記，然後將其轉變爲對話框。Jquery模式對話框禁用表單元素

任何人都有我的解決方案嗎？

我的代碼：


<form id="form1" runat="server"> 
<div class="dlg" id="msgDlg">  
    Name: <input type="text" /> 
    <br /> 
    <input type="button" class="button" value="OK" onclick="$('#msgDlg').dialog('close');" />  
</div> 
    <script> 
     function InitMessageDialog(dialogId) { 
      $(function() { 
       jQuery("#" + dialogId).dialog({ 
        autoOpen: false, 
        modal: false, 
        width: 450, 
        height: 300, 
        draggable: true, 
        resizable: true, 
        zIndex: 99999, 
        overlay: { backgroundColor: "#000", opacity: 0.5 }, 
        open: function (type, data) { 
         $(this).parent().appendTo('#form'); 
        } 
       }); 
      }) 
     } 
     function GoDialog() { 
      var msgDlg = $('#msgDlg').dialog('open'); 
     } 
     InitMessageDialog('msgDlg'); 
    </script> 
    <input type="button" class="button" value="go dialog" onclick="GoDialog()" /> 
</form>

來源

2010-05-12 Mr W

一些示例代碼將是有用的;） – 2010-05-12 13:37:38

示例代碼添加:-) – 2010-05-13 13:21:11

形式的z指數是最有可能的問題。嘗試將其設置爲「自動」：

#my_dialog_form { 
    z-index: auto; 
}

來源

2012-12-28 20:46:09

Jquery模式對話框禁用表單元素

回答

相關問題