jquery移動彈出ui彈出屏幕不滾動時滾動

Question

我有一個JQM 1.3彈出窗口，我已經設置爲data-dismissible =「true」直到屏幕滾動爲止都是好的。彈出窗口滾動的罰款，我有一個JavaScript事件監聽器以滾動停止時中心彈出。問題是底層屏幕div（即jqm創建的）不會跟隨彈出窗口。因此，如果我滾動到屏幕底部，然後單擊彈出窗口以外的任何位置，它都不會關閉彈出窗口。使用開發工具，我可以看到顯示彈出窗口後，屏幕div的css不會改變。

我希望-screen div能夠跟蹤我的彈出窗口div，這樣無論我滾動到何處 - 我在彈出窗口外點擊的任何地方都會關閉它。目前，如果我想在彈出框外點擊以關閉它，我必須將屏幕滾動回彈出框第一次顯示的位置。

Answer 1

我發現問題： 當我追加彈出窗口時，我沒有將它追加到DOM足夠遠的地方。我將彈出窗口添加到「body」中，而需要將其添加到data-role =「page」的div的下一層，或者將class設置爲「ui-page」的div。

彈出包含在車把模板中：

$('body .ui-page-active').append(template());