滚动时不跟随 Jquery 移动弹出窗口 ui-popup-screen

Question

我有一个 JQM 1.3 弹出窗口，我已将其设置为 data-dismissible="true" 在滚动屏幕之前一切正常。弹出窗口滚动正常，我有一个 javascript 事件侦听器在滚动停止时将弹出窗口居中。问题是底层的 -screen div（jqm 创建的）没有跟随弹出窗口。因此，如果我滚动到屏幕底部，然后单击弹出窗口之外的任何位置，它不会关闭弹出窗口。使用开发工具，我可以看到 -screen div 的 css 在显示弹出窗口后永远不会改变。

我希望 -screen div 跟踪我的弹出 div，以便无论我滚动到哪里 - 我在弹出窗口之外单击的任何位置都会将其关闭。目前，如果我想在弹出窗口之外单击以将其关闭，我必须将屏幕向上滚动到第一次显示弹出窗口的位置。

Answer 1

我发现了问题： 当我附加弹出窗口时，我没有将它附加到 DOM 中足够远的地方。我将弹出窗口附加到“body”，而是需要将它附加到具有 data-role="page" 的 div 或设置了“ui-page”类的 div 的下一级。

弹出窗口包含在车把模板中：

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