jQuery手機中方向變化覆蓋的位置

我正在研究jQuery手機。我有一個疊加按鈕，在標題按鈕上彈出。覆蓋圖顯示在按鈕旁邊。jQuery手機中方向變化覆蓋的位置

<div data-role="header" data-position="fixed" data-theme="a" data-tap-toggle="false"> 
<h1>Photos</h1> 
    <a href="#photomenu" data-icon="gear" data-iconpos="notext" 
    data-rel="popup" data-transition="slidedown"></a> 
</div>

但是在方向改變時，覆蓋圖顯示在中心。如何在方向變化時保留疊加層的位置？任何幫助表示讚賞。

來源

2013-02-12 Akshatha

默認情況下，彈出窗口在您點擊的物品（原點）上垂直和水平地打開居中，這對彈出窗口用作工具提示或菜單很有用。該框架還應用了一些基本的碰撞檢測規則，以確保彈出窗口出現在屏幕上，因此最終位置可能不總是居於原點的中心位置。

對於類似對話框或燈箱的情況，彈出窗口應該在窗口中居中顯示，而不是在原點上，將data-position-to屬性添加到鏈接並指定窗口值。

除了原點和窗口，還可以指定任何有效的選擇器作爲position-to的值。例如，如果添加data-position-to =「＃myElement」，彈出窗口將位於id爲myElement的元素上。

<a href="#positionWindow" data-rel="popup" data-position-to="window">Position to window</a> 

<div data-role="popup" id="positionWindow"> 
    <p>I am positioned to the window.</p> 
</div>

我也讓你直播的jsfiddle例如：http://jsfiddle.net/Gajotres/8xCYB/

來源

2013-02-12 09:56:45 Gajotres

感謝您的答覆。但我不希望疊加層位於中心。它應該出現在按鈕旁邊。如果我使用data-position-to =「原點」，覆蓋層出現在按鈕旁邊，但在方向改變時，覆蓋層再次出現在窗口的中心。 – Akshatha 2013-02-12 10:53:06

您使用的是什麼移動平臺和哪個版本？我已經測試了它在android 4.1上，它工作得很好。 – Gajotres 2013-02-12 11:35:26

Android版本4.0 – Akshatha 2013-06-11 11:13:41

jQuery手機中方向變化覆蓋的位置

回答

相關問題