2***@qq.com
2***@qq.com
  • 发布:2016-11-14 11:04
  • 更新:2016-11-18 11:02
  • 阅读:1777

popover被覆盖

分类:HBuilder

<header class="mui-bar mui-bar-nav">
<a id="aaa" href="#popover1" class="mui-icon mui-icon-settings mui-pull-right" style="display: none;"></a>
<h1 id="title" class="mui-title">首页</h1>
</header>
<nav class="mui-bar mui-bar-tab">
<a id="defaultTab" class="mui-tab-item mui-active" href="http://ask.dcloud.net.cn/tab-home.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" href="http://ask.dcloud.net.cn/page/order_bill/order-list.html">
<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
<span class="mui-tab-label">订单</span>
</a>
<a class="mui-tab-item" href="http://ask.dcloud.net.cn/tab-discovery.html">
<span class="mui-icon mui-icon-search"></span>
<span class="mui-tab-label">发现</span>
</a>
<a class="mui-tab-item" href="http://ask.dcloud.net.cn/gzm/gzmMe.html">
<span class="mui-icon mui-icon-contact"></span>
<span class="mui-tab-label">我</span>
</a>
</nav>

主页代码 我在主页里 设置了4个tabbar 如上
在 '我'的这个页面 添加了一个导航栏上右侧按钮 点击按钮做出的是popover

但是代码整合到一起以后 到 '我'这个页面 点击按钮 呗 gzmME.html这个页面覆盖掉了 请问 谁有类似的经验 分享一下 谢谢! QQ24775215

2016-11-14 11:04 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

如图

2***@qq.com

2***@qq.com

看你的结构,因该是父子webview形式,子webview的层级比父webview的要高,这个改不了,建议你把弹出内容写在子webview,然后开关写在父页面。通过mui.fire()来显示隐藏弹窗

7***@qq.com

7***@qq.com

我在开发中也遇到了类似的问题,我的也是父子webview形式,父页面只有下面的四个导航,标题在每一个子webview中,点击子页面标题按钮的时候弹出popover,他会把子页面全部覆盖住,但是下面的导航却不会盖住,怎么办,求解。。。。

该问题目前已经被锁定, 无法添加新回复