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手机中方向变化覆盖的位置

回答

相关问题