jQuery + простой диалог - PullRequest
Новая
       5

jQuery + простой диалог

4 голосов
/ 14 апреля 2010

У меня есть окно 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');
                }
            });

В любом случае, я не хочу, чтобы поля формы были видны при загрузке / создании страницы.

1 Ответ

5 голосов
/ 14 апреля 2010

Вы должны сначала скрыть это в 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>
...