如何在Jquery Mobile上定位弹出窗口?
我使用popup(Jquery Mobile)制作了一个listview菜单,但是当单击导航栏时,popup的位置显示在原点。我希望我的listview菜单单击时看起来像一个下拉菜单。我已经在css和javascript上设置了位置,但它没有影响显示。那么,有人能帮我把显示位置做成一个下拉菜单吗 以下是截图: 如何使弹出窗口位于导航栏下方,使其看起来像一个下拉菜单 以下是css:如何在Jquery Mobile上定位弹出窗口?,mobile,popup,css-position,navbar,popupmenu,Mobile,Popup,Css Position,Navbar,Popupmenu,我使用popup(Jquery Mobile)制作了一个listview菜单,但是当单击导航栏时,popup的位置显示在原点。我希望我的listview菜单单击时看起来像一个下拉菜单。我已经在css和javascript上设置了位置,但它没有影响显示。那么,有人能帮我把显示位置做成一个下拉菜单吗 以下是截图: 如何使弹出窗口位于导航栏下方,使其看起来像一个下拉菜单 以下是css: div#popupMenu{ float: left; max-width: 100%;
div#popupMenu{
float: left;
max-width: 100%;
min-height: 100%;
}
我也在使用javascript,但没有影响:
$( ".selector" ).popup( "open", x:0, y:200 );
我也在为弹出式定位而挣扎。我很接近使用这个标记:
<!-- menu trigger -->
<a data-icon="gear"
data-iconpos="notext"
href="#menu"
data-rel="popup"
data-position-to="#menu-anchor"
data-transition="slidedown">Menu</a>
<!-- menu position helper -->
<div id="menu-anchor"></div>
<!-- menu -->
<div id="menu" data-role="popup">
<ul data-role="listview" data-inset="true">
<li><a href="/">Link 1</a></li>
<li><a href="/">Link 2</a></li>
<li><a href="/">Link 3</a></li>
</ul>
</div>
触发器和菜单可以放在任何地方。但是,锚点必须位于页面顶部附近的某个位置。jQM尝试将#菜单
的中心与#菜单锚定
的中心对齐,但由于锚定位于屏幕顶部,因此它尝试将顶部与屏幕顶部对齐,从而获得几乎预期的结果