JQuery UI диалоговое окно появляется в верхней части страницы во время загрузки страницы

Question

На моем веб-сайте есть диалоговое окно jQuery. Я даю div на странице «диалог», если его содержимое становится содержанием диалогового окна. Однако, когда страница загружается, этот div появляется вверху страницы и выглядит плохо. Кто-нибудь знает, как с этим бороться?

Answer 1

Просто скройте свой div с помощью вашего CSS-файла:

#dialog {display: none}

Это не повлияет на его фактическое отображение при открытии диалога.

Я проверял, чтобы быть уверенным, и этот метод работал с JQuery UI 1.7.2

Answer 2

Если предположить, что диалоговое окно меняет стиль отображения (например, с помощью .show () и .hide ()), тогда все, что делает jQueryUI, это устанавливает стиль отображения. таким образом, вы можете установить div с помощью display:none по умолчанию, и таким образом он не будет отображаться при загрузке.