Блог

Главная - Вопросы по программированию - как разместить положение диалогового окна в центре страницы?

как разместить положение диалогового окна в центре страницы?

#javascript #php #jquery #css #dialog

#javascript #php #jquery #css #диалоговое

Вопрос:

Я хочу открыть свое диалоговое окно в центре страницы, вот мой код:

  $(function() {
   $('#app').button().click(function(){   //bind handlers
   $("#somediv").load('<?php echo CController::createUrl('jobs/apply', array('idJob'=>1)); ?>').dialog({modal:true}); 
   $("#somediv").dialog('option', 'position', 'center');
});
 });

Комментарии:

1. по умолчанию должно открываться в центре … где открывается ваше? Создайте демку, которая его копирует

Ответ №1:

Добавьте правило CSS: margin: 0 auto; в ваше диалоговое окно. Если вы хотите, чтобы оно отображалось на вашей веб-странице, поместите диалоговое окно внутри div, который имеет следующие атрибуты:

 div.your-class {
    position: absolute;
    width: 100%;
}

Затем добавьте margin: 0 auto; в свое диалоговое окно div

Ответ №2:

Из документов jquery — http://api.jqueryui.com/dialog/#option-position — та опция, которую вы пытаетесь использовать, уже находится в положении «center / по центру».

По умолчанию: { my: «center», at: «center», of: window }

Вам следует поискать проблему в ваших css-файлах и / или воспользоваться ответом, предоставленным Валентином Мерсье.