При создании диалога с jquery, как мне скрыть диалог div?

Я создаю диалог, похожий на эту страницу:

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

(источник просмотра клика)

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

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

Ответ 1

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

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

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

опция "инициализировать" диалоговое окно (таким образом, скрывая его и все эти хорошие вещи). Единственный улов - вы, вероятно, увидите диалог "мерцание" при загрузке страницы, но перед тем, как jQuery сможет скрыть его.

Ответ 2

Вы можете попробовать следующее, это работает для меня:

$("#form-dialog").dialog("close");