Могу ли я центрировать диалог jQuery UI в div?

Question

У меня есть основной контентный div, и я бы хотел расположить диалог в этом div, а не на странице.Есть идеи?Я знаю, что есть утилита позиционирования, но я не могу понять, как использовать ее с параметрами позиции диалога.

Answer 1

Вы правы, .position() - это путь сюда, например:

​$("#dialog").dialog()
            .parent() //remember .dialog() wraps the content in another <div>
            .position({ my: 'center', at: 'center', of: '#parent' });
  //or just .position({ of: '#parent' });

В приведенном выше #parent это селектор родительского элемента, вы можете попробовать здесь . Вы хотите, чтобы свойства my и at были center, поэтому они центрированы относительно друг друга, тогда селектор of является родительским селектором, в котором вы хотите, чтобы он был центрирован.

Я указал все соответствующие параметры для иллюстрации, но, поскольку center является значением по умолчанию для my и at, вы можете указать просто of, как у меня в прокомментированной строке выше .