关于zindex 问题

通过webview的evaljs方法，操作子页面来弹出popover。
或者直接使用plus.nativeUI.actionsheet，原生的弹出框是肯定置顶的，div是只能在当前容器生效的。http://ask.dcloud.net.cn/article/154

• 1. 主页面标题 弹出菜单

• 2. ---

• 3. 子页面

我再试试DCloud_heavensoft 说的方案，下面的权当做个实验记录吧。

实验了两个方案：
方案1.弹出菜单放在主页面内，采用mui说明文档内的代码实现，问题是弹出菜单被子页面覆盖了
<div id="popover" class="mui-popover">
<ul class="mui-table-view">
<li class="mui-table-view-cell"><a href="#">Item1</a></li>
<li class="mui-table-view-cell"><a href="#">Item2</a></li>
<li class="mui-table-view-cell"><a href="#">Item3</a></li>
<li class="mui-table-view-cell"><a href="#">Item4</a></li>
<li class="mui-table-view-cell"><a href="#">Item5</a></li>
</ul>
</div>
要显示、隐藏如上菜单，mui推荐使用锚点方式，例如：
<a href="#popover" class="mui-btn mui-btn-primary mui-btn-block">打开弹出菜单</a>

方案2.弹出菜单放在子页面内，主页面按钮点击后用mui.fire给子页面发送自定义事件，显示弹出菜单。
方案2是可行的，不好的地方，需要在每个子页面都需要添加同样的处理，感觉怪怪的，不是最好的方案，最好的方案还是在主页面处理，这样对其它子页面没有影响。
在子页面的mui.plusReady函数中注册自定义事件监听函数：evaJS 函数作用是一样的
window.addEventListener('popovers',function(event){
//获得事件参数
console.log('popovers');
mui("#topPopover").popover("toggle");
//plus.webview.currentWebview().evalJS('mui("#topPopover").popover("toggle")');

                });