JQuery Mobile弹出对话框闪烁并重新定位在错误的位置

Question

在我的html中，我有以下链接显示弹出对话框。

<h2 class="modest-size-chart">
    <a data-role="none" data-rel="popup" href="#sample_length_size_chart_popup" class="btn_size_chart">Size Chart</a>
</h2>
<div data-role="popup" id="sample_length_size_chart_popup" data-overlay-theme="b">
    ...
</div>

点击页面中的“尺寸表”后，会显示ID为“sample_length_size_chart_popup”的弹出对话框。对话框的默认位置位于移动屏幕的中央。

向上/向下滚动页面时，弹出窗口将与页面一起向上/向下移动。这是预期的。

然而，在某些时候（特别是弹出对话框被隐藏并再次显示），弹出对话框将闪烁并重新定位在屏幕的中心。

我不想重新定位，它应该与页面相关的位置相同。有什么建议吗？

Answer 1

将弹出位置设置为相对于特定元素，添加：

data-position-to="#fixedElement"

到<div data-role="popup" ... >。这样弹出窗口应始终在#fixedElement附近打开。您必须使用:visible元素，根据您的需要定位。