问题描述:
要求实现的就是在主页面index下subpages4个子页面作为navtab,而点击顶部的菜单栏右上角会有弹出窗口,问题是弹出窗口在subpages下会被遮盖
解决方案:
1. 看到最多的解决方案是将弹出菜单写在子页面中,在header的html里捕获到点击按钮事件后,通过evaljs给子页面,弹出菜单,不过这种方法弄了好久没有实现,希望有谁会的看到给个小demo谢谢。
2. 新建一个webview命名为menu.html,将弹出窗口放在新建的menu.html中,js代码如下
<script src="js/mui.min.js"></script>
<script type="text/javascript">
//子页面
mui.init({
subpages: [{
url: 'list1.html',
id: 'list1',
styles: {
top: '45px',
bottom: '45px'
}
}]
});
var floatw = null;
mui.plusReady(function() {
ws = plus.webview.currentWebview();
//新建webview命名menu.html,设置背景可见
floatw = plus.webview.create("menu.html", "menu", {
background: "transparent",
zindex: 10,
})
})
//顶部右上角按钮menu触发弹出菜单
document.getElementById('menu').addEventListener('tap', function() {
mui.openWindow('menu.html', 'menu');
})
</script>
最后效果,
menu附件在以下链接,也是看了这个帖子才有了以上结果