Как автоцентрировать jQuery диалоговое окно UI при изменении размеров браузера?
Когда Вы используете jQuery диалоговое окно UI, все работы хорошо, за исключением одной вещи. Когда браузер изменен, диалоговое окно просто остается дома, это - исходное положение, которое может быть действительно раздражающим.
Можно проверить его на: http://jqueryui.com/demos/dialog/
Нажмите на "модальный диалоговый" пример и измените размер своего браузера.
Я хотел бы смочь позволить диалоговому автоцентру, когда браузер изменяет размер. Это может быть сделано эффективным способом ко всем моим диалоговым окнам в моем приложении?
Большое спасибо!
1 ответ
Установка позиции параметр вызовет это, поэтому просто используйте тот же селектор, который охватывает все ваши диалоги, где я использую здесь #dialog (если он их не находит никаких действий не предпринимается, как и все jQuery):
jQuery UI до 1.10
$(window).resize(function() {
$("#dialog").dialog("option", "position", "center");
});
jQuery UI 1.10 или выше
$(window).resize(function() {
$("#dialog").dialog("option", "position", {my: "center", at: "center", of: window});
});
Вот та же демонстрационная страница jQuery UI, добавляющая только код выше , мы просто добавляем обработчик события resize окна с помощью .resize () , поэтому он запускает повторное центрирование в соответствующее время.