Question

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

在创建页面时，我能够看到字段，虽然在我的对话框中，我已将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

你最初需要隐藏它，如下所示：

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

jQuery +简单对话框

1 个答案: