2012-02-15 4 views
1

Есть ли простой способ «вставить» диалоговое окно jQuery UI в сторону окна браузера, поэтому при изменении размера окна диалог остается застрявшим?Вставить диалог jQuery UI в сторону окна

+1

Вы пробовали вариант позиции? http://jqueryui.com/demos/dialog/#option-position – j08691

+0

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

+0

@ j08691 С любой опцией позиции прокрутка перемещает диалог. Я хочу, чтобы диалог был * прикреплен * к окну. Это почти то, что я хочу: create: function (event) {$ (event.target) .parent(). Css ({'position': 'fixed', 'right': '0'});} но когда окно браузера изменяется, диалог от него отделяется. – verve

ответ

1

Чтобы установить относительное положение (скажем, 50%), вы бы использовать что-то вроде этого:

$(window).resize(function() { 
    var divTop= ((document.body.scrollHeight/2)-$(mydiv).height()/2) 
    $(mydiv).css({top: divTop; left: 0}); 
}); 

Вы бы уронить такой код в OnLoad или onReady функций вашей страницы.

Для получения дополнительной информации ознакомьтесь с руководством jQuery Documentation on .resize() и обработчиками событий в целом.

Смежные вопросы