jQuery +简单对话框

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

你需要最初隐藏它与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>