2012-02-15 30 views
1

有沒有一種簡單的方法可以將jQuery UI對話框「粘」到瀏覽器窗口的一側,以便在窗口大小調整時,對話框仍然卡住?將jQuery UI對話框粘貼到窗口的一側

+1

您是否嘗試過位置選項? http://jqueryui.com/demos/dialog/#option-position – j08691 2012-02-15 18:20:21

+0

用戶可以關閉對話框嗎?你爲什麼要讓對話堅持下去?我認爲你可能會使用錯誤的目的對話框,但無論如何,你可以嘗試在外部對話框div上使用絕對定位。 – Mark 2012-02-15 18:22:02

+0

@ j08691使用任何位置選項,滾動移動對話框。我想把對話框*附加到窗口中。這是我想要的: create:function(event){$(event.target).parent()。css({'position':'fixed','right':'0'});} 但是當瀏覽器窗口調整大小時,該對話框將與之脫離。 – verve 2012-02-15 19:43:04

回答

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()和一般事件處理程序。