2013-04-29 43 views
0

嗨即時通訊使用jQuery的移動1.2.0和使用彈出窗口。我需要在包含listview的jquery移動頁面中顯示一個彈出窗口,但當彈出窗口顯示時,我可以將其向下滾動,同時例如標題處於固定位置。我試過jquery移動彈出固定在頂部不工作?

$("#pushNotificationExample").bind({ 
popupafteropen: function(event, ui) { 
    $("#pushNotificationExample").css({position:'fixed', top:0}); } 
}); 

但沒有運氣。有沒有另一種方法來做到這一點?

+0

你要顯示它在標題下面或上面呢?你的代碼顯示你想修復它在窗口/屏幕的頂部。 – Omar 2013-04-29 14:30:16

+0

我想在標題頂部顯示它但在一個固定的位置,以便即時滾動時不滾動。 – HellOfACode 2013-04-30 04:08:40

+0

你試過我的解決方案嗎?這將解決它的top.let我知道你應該有任何問題。 – Omar 2013-04-30 14:23:20

回答

2

下面將彈出窗口放在頁面頂部和中間。

Demo

$('#popupMenu').on('popupafteropen', function() { 
var center = ($(document).width() - $('.ui-popup-container').width())/2; 
$('.ui-popup-container').css({ 
    top: 0, 
    left: center 
}); 
}); 
+0

如何將此屬性應用於所有HTML中的彈出窗口??我正在使用jQuery mobile Phonegap – Mannii88 2013-09-07 02:30:20

+1

@ Mannii88而不是id #popupid try .ui-popup我無法給出明確的答案,因爲我現在無法訪問pc。 – Omar 2013-09-07 06:17:05

+1

謝謝奧馬爾!我也正在尋找fr的答案,並嘗試在類似的方法,它的工作:) – Mannii88 2013-09-09 15:36:53