jQuery + 简单对话框

Question

我有一个包含表单的 jQuery 模型窗口。

在创建页面时，我可以看到字段，尽管在我的对话框中，我已将 autoOpen 设置为 false。

所有表单都在一个div中。

我的对话框示例如下所示：

$("#dialog-form").dialog({
                autoOpen: false,
                height: 460,
                width: 750,
                modal: true,
                buttons: {
                    'Create Map': function() {
                        document.registerFrm.submit();
                    },
                    Cancel: function() {
                        $(this).dialog('close');
                    }
                },
                close: function() {
                    allFields.val('').removeClass('ui-state-error');
                }
            });

任何解决方法，我都不希望表单字段在页面加载/创建时可见。

Answer 1

您需要在最初的 CSS 中隐藏它，如下所示：

#dialog-form { display: none; }

对话框的打开将导致它显示...这是对话框小部件的作者希望您做的:)

或者，隐藏包含所有表单的 div...无论您不想在该包装器上隐藏 display:none，对话框都会抓取并显示它或其中的任何内容并相应地显示它（只是不要对每个孩子做display，只有包装器），像这样：

<div style="display: none;">
  <div id="dialog-form">fields here</div>
  <div id="dialog-form2">fields here</div>
</div>

或者只是这样：

<div id="dialog-form" style="display: none;">
  fields here
</div>