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());