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

时间:2016-01-13 16:17:57

标签: jquery-mobile popup

我有一个JQM 1.3弹出窗口,我设置为data-dismissible =“true”在滚动屏幕之前一切都很好。弹出窗口滚动很好,我有一个javascript事件监听器,以在滚动停止时居中弹出窗口。问题是底层屏幕div(jqm创建)不遵循弹出窗口。因此,如果我滚动到屏幕底部,然后单击弹出窗口外的任何位置,它不会忽略弹出窗口。使用开发工具,我可以看到屏幕div的css在显示弹出窗口后永远不会改变。

我希望-screen div能够跟踪我的弹出式div,这样无论我在哪里滚动到 - 我在弹出窗口外单击的任何地方都会忽略它。目前,如果我想在弹出窗口外点击以解除它,我必须将屏幕滚动回到弹出窗口首次显示的位置。

1 个答案:

答案 0 :(得分:0)

我发现了问题: 当我附加弹出窗口时,我没有在DOM中添加它。我正在将弹出窗口添加到' body'而是需要使用data-role =" page"将一个级别向下追加到div。或者带有课程的div' ui-page'集。

弹出窗口包含在把手模板中:

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