Когда вы создаете диалог с jquery, как скрыть диалог div?

Question

Я создаю диалог, как на этой странице:

http://jqueryui.com/demos/dialog/#modal-confirmation

(нажмите просмотреть исходный код)

на дне является DIV, который получает помещается в диалоговом окне. Диалог отлично работает при вызове javascript, но диалог отображается в нижней части страницы при загрузке. (минус весь стиль, который применяется, когда он вызывается функцией javascript)

Как скрыть div и по-прежнему разрешить использовать диалоговое окно? Я попытался установить стиль = «видимость: скрытый» , но это предотвращает его отображение при вызове javascript.

Answer 1

Это может быть глупый вопрос, но вместо "visibility:hidden" вы пробовали "display:none;"? Мне пришлось решить ту же проблему для проекта, над которым я работаю, и я достаточно уверен в отображении: никто не работал.

Вы также можете использовать опцию

$(foo).dialog({ autoOpen: false }); 

для «инициализации» диалог (таким образом, скрывая его и все, что хороший материал). Единственный улов, вероятно, вы увидите, что диалог «мерцает», когда страница загружается, но до того, как у jQuery есть возможность скрыть ее.