标题中的弹出菜单被推回到页面内容后面

我在标题中有一个菜单按钮。该页面由ajax请求填充。点击菜单按钮，它会在屏幕上显示一秒，然后被推回到列表视图的后面。我没有在任何地方找到解决办法。标题中的弹出菜单被推回到页面内容后面

<!DOCTYPE HTML> 
<HTML> 
    <head> 
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> 
    <script type="text/javascript" charset="utf-8" src="js/cordova-2.6.0.js"></script> 
    <link rel="stylesheet" href="./style/jquery.mobile-1.3.1.min.css" /> 
    <script src="./js/jquery-2.0.0.min.js"></script> 
    <script src="./js/jquery.mobile-1.3.1.min.js"></script> 
    </head> 
    <body> 
    <div data-role="page" id="home"> 
     <div data-theme="b" data-role="header"> 
     <a data-inline="true" data-transition="pop" data-rel="popup" href="#popupMenu" data-icon="gear" data-iconpos="notext" class="ui-btn-right"></a> 
    </div> 
    <!--Menu--> 
    <div data-role="popup" id="popupMenu" data-theme="d"> 
     <ul data-role="listview" data-inset="true" style="min-width:200px;" data-theme="d"> 
     <li data-icon="false"><a href="#">Share</a></li> 
     <li data-icon="false"><a href="mailto:" data-inline="true" data-transition="pop">Contact</a></li> 
     <li data-icon="false"><a href="#">Оцени Нас</a></li> 
     </ul> 
    </div> 
    <!--Menu--> 
<div data-role="content"> 
    <ul> 
    //dynamically populated data here 
    </u> 
</div> 
<script src="js/getmainnews.js"></script> 
</div> 
</body> 
</html>

同样的事情发生在另一个页面上，弹出被标题切断了一点。我不确定是否需要向您展示JS文件...它只是一个ajax调用（'pageinit'...），并在最后刷新列表视图。我在这里做错了什么？

来源

2013-04-25 user2025469

'z-index' ????? – 2013-04-25 17:10:47

您是否尝试在菜单按钮上设置'z-index'。 – 2013-04-25 17:10:51

尝试添加一个z-index到菜单。

element { 
    position: relative; 
    z-index: 9999; 
}

来源

2013-04-25 17:11:35

不要忘记你需要定位元素（相对，固定/绝对）才能使用'z-index' – Adrift 2013-04-25 17:12:00

感谢您的编辑。 :) – 2013-04-25 17:16:06

我很抱歉，但我不太了解Z指数。我现在会研究它。我只是将其包含在css文件中？在我的Android模拟器中，菜单不会被推回。在我的手机上运行它会将其推回。 – user2025469 2013-04-25 17:18:47

标题中的弹出菜单被推回到页面内容后面

回答

相关问题