Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Jquery Mobile上定位弹出窗口?_Mobile_Popup_Css Position_Navbar_Popupmenu - Fatal编程技术网

如何在Jquery Mobile上定位弹出窗口?

如何在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%;

我使用popup(Jquery Mobile)制作了一个listview菜单,但是当单击导航栏时,popup的位置显示在原点。我希望我的listview菜单单击时看起来像一个下拉菜单。我已经在css和javascript上设置了位置,但它没有影响显示。那么,有人能帮我把显示位置做成一个下拉菜单吗

以下是截图:

如何使弹出窗口位于导航栏下方,使其看起来像一个下拉菜单

以下是css:

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尝试将
#菜单
的中心与
#菜单锚定
的中心对齐,但由于锚定位于屏幕顶部,因此它尝试将顶部与屏幕顶部对齐,从而获得几乎预期的结果