Question

当我将jQuery对话框设置为model = true时，它会禁用对话框中的表单元素，我不能使用它们，只能使用按钮。我已经看到了在对话框启动脚本中声明对话框内容然后注入的示例。但这对我来说太笨重了，我希望能够在DIV中创建我的标记，然后我变成一个对话框。

有人为我找到了解决方案吗？

我的代码：


<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>

Answer 1

表单的z-index很可能是问题所在。尝试将其设置为“自动”：

#my_dialog_form {
    z-index: auto;
}

Jquery模式对话框禁用表单元素

1 个答案: