JQuery Mobile彈出對話框閃爍並重新定位在錯誤的位置

在我的html中，我有以下鏈接來顯示彈出對話框。JQuery Mobile彈出對話框閃爍並重新定位在錯誤的位置

<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」彈出對話框後顯示。對話框的默認位置在移動屏幕的中心。

向上/向下滾動頁面時，彈出窗口將與頁面一起向上/向下移動。它是預期的。

但是，在某些時候（特別是彈出對話框被隱藏並再次顯示），彈出對話框將被閃爍並重新定位在屏幕的中心。

我不想重新定位，它應該在與頁面相關的相同位置。有什麼建議麼？

來源

2016-01-14 yefengjiang

設置彈出位置可相對於特定的元件，增加：

data-position-to="#fixedElement"

到<div data-role="popup" ... >。這樣彈出窗口應該總是在#fixedElement附近打開。您必須使用根據您的需要定位的:visible元素。

來源

2016-01-14 08:44:17 Sga

所以，它應該與'數據位置=「原點」'，對吧？但沒有運氣。 – yefengjiang

不，原產地[是默認]（http://api.jquerymobile.com/popup/#option-positionTo），我認爲這是彈出窗口中心 – Sga

Thx爲您的意見。我已經嘗試過你的建議，仍然沒有運氣。我認爲'data-position-to =「」'只適用於初始位置。但問題是在滾動期間彈出對話框將被閃爍並重新定位在屏幕的中心。 – yefengjiang

JQuery Mobile彈出對話框閃爍並重新定位在錯誤的位置

回答

相關問題