gpt4 book ai didi

jquery - 页眉中的弹出菜单被推回到页面内容后面

转载 作者:太空宇宙 更新时间:2023-11-04 15:03:10 26 4
gpt4 key购买 nike

我在页眉中有一个菜单按钮。该页面由 ajax 请求填充。单击菜单按钮,它会在屏幕上显示一秒钟,然后被推回到 ListView 后面。我无法在任何地方找到解决方案。

<!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'...)并在最后刷新 ListView 。我在这里做错了什么?

最佳答案

尝试向菜单添加 z-index。

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

关于jquery - 页眉中的弹出菜单被推回到页面内容后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16220749/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com