全栈工程师
全栈工程师
  • 发布:2015-01-22 15:12
  • 更新:2015-01-22 16:39
  • 阅读:4036

mui做二级菜单的时候,怎么总要点两下 急急急急急急,在线急等

分类:MUI

mui做二级菜单的时候,怎么总要点两下,
点击二级菜单的时候那个弹出的菜单不隐藏,这样就造成了每次我要点击两次一级菜单才能够正常显示出二级菜单 急急急急急急

2015-01-22 15:12 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

你的页面代码发出来我看看

忠陆

忠陆

是不是代码写错了

DCloud_UNI_FXY

DCloud_UNI_FXY

代码呢?

  • 全栈工程师 (作者)

    <nav class="mui-bar mui-bar-tab">

    <a id="defaultTab" class="mui-tab-item mui-active" href="#Popover_2">

    <span class="mui-icon sdrb"></span>

    <span class="mui-tab-label">水情信息</span>

    </a>

    <a class="mui-tab-item" href="fd/fd_reportforms.html">

    <span class="mui-icon sqxx"></span>

    <span class="mui-tab-label">发电信息</span>

    </a>

    <a class="mui-tab-item" href="gd/gd-main.html">

    <span class="mui-icon fdxx"></span>

    <span class="mui-tab-label">供电信息</span>

    </a>

    <a class="mui-tab-item" href="gs/gs-main.html">

    <span class="mui-icon zoom"></span>

    <span class="mui-tab-label">供水信息</span>

    </a>

    </nav>

    <div id="Popover_2" class="mui-popover mui-bar-popover">

    <div class="mui-popover-arrow"></div>

    <ul class="mui-table-view">

    <li class="mui-table-view-cell sqbg"><a href="sq/sq-info.html">水情报表</a>

    </li>

    <li class="mui-table-view-cell sqtx"><a href="sq/sq-chart.html">水情图表</a>

    </li>

    </ul>

    </div>


    我的是webview选项卡模式 在第一个菜单下新建一个弹出的popover二级菜单,但是我点击一级菜单的时候,弹出二级菜单,但是当我点击“水情报表”的时候是正常的,但是当我想看“水情图表”的时候,我这时候再去点击一级菜单,那么这时候就不行,必须要点击两次一级菜单,才正常弹出二级菜单

    2015-01-22 15:32

全栈工程师

全栈工程师 (作者) - 精通mui、uniapp,承接相关项目外包,解决各种疑难问题。有任何问题可以随时联系,QQ:419761282

<nav class="mui-bar mui-bar-tab">
<a id="defaultTab" class="mui-tab-item mui-active" href="#Popover_2">
<span class="mui-icon sdrb"></span>
<span class="mui-tab-label">水情信息</span>
</a>
<a class="mui-tab-item" href="fd/fd_reportforms.html">
<span class="mui-icon sqxx"></span>
<span class="mui-tab-label">发电信息</span>
</a>
<a class="mui-tab-item" href="gd/gd-main.html">
<span class="mui-icon fdxx"></span>
<span class="mui-tab-label">供电信息</span>
</a>
<a class="mui-tab-item" href="gs/gs-main.html">
<span class="mui-icon zoom"></span>
<span class="mui-tab-label">供水信息</span>
</a>
</nav>
<div id="Popover_2" class="mui-popover mui-bar-popover">
<div class="mui-popover-arrow"></div>
<ul class="mui-table-view">
<li class="mui-table-view-cell sqbg"><a href="sq/sq-info.html">水情报表</a>
</li>
<li class="mui-table-view-cell sqtx"><a href="sq/sq-chart.html">水情图表</a>
</li>
</ul>
</div>

我的是webview选项卡模式 在第一个菜单下新建一个弹出的popover二级菜单,但是我点击一级菜单的时候,弹出二级菜单,但是当我点击“水情报表”的时候是正常的,但是当我想看“水情图表”的时候,我这时候再去点击一级菜单,那么这时候就不行,必须要点击两次一级菜单,才正常弹出二级菜单

DCloud_UNI_FXY

DCloud_UNI_FXY

点击二级菜单的链接发生了什么?你自己拦截了事件?

  • 全栈工程师 (作者)

    点击二级菜单的时候 就是一个html页面链接 就是要这个页面显示在这个webview 的正中间。 然后我分析了一下,是不是我点击二级菜单的时候是不是没有将弹出的二级菜单隐藏,而当我再次去点击一级菜单的时候就隐藏了二级菜单,所以点击第一次它不出来,而当我点击第二次的时候才显示出来?


    点击二级菜单事件

    //水情报表子菜单点击事件

    mui('.sqbg').on('tap', 'a', function(e) {

    var targetTab = this.getAttribute('href');

    if (targetTab == activeTab) {

    return;

    }

    //更换标题

    title.innerHTML = "水情信息-报表";

    //显示目标选项卡

    plus.webview.show(targetTab);

    //隐藏当前;

    plus.webview.hide(activeTab);

    //更改当前活跃的选项卡

    activeTab = targetTab;

    });

    2015-01-22 15:38

全栈工程师

全栈工程师 (作者) - 精通mui、uniapp,承接相关项目外包,解决各种疑难问题。有任何问题可以随时联系,QQ:419761282

点击二级菜单的时候 就是一个html页面链接 就是要这个页面显示在这个webview 的正中间。 然后我分析了一下,是不是我点击二级菜单的时候是不是没有将弹出的二级菜单隐藏,而当我再次去点击一级菜单的时候就隐藏了二级菜单,所以点击第一次它不出来,而当我点击第二次的时候才显示出来?

点击二级菜单事件
//水情报表子菜单点击事件
mui('.sqbg').on('tap', 'a', function(e) {
var targetTab = this.getAttribute('href');
if (targetTab == activeTab) {
return;
}
//更换标题
title.innerHTML = "水情信息-报表";
//显示目标选项卡
plus.webview.show(targetTab);
//隐藏当前;
plus.webview.hide(activeTab);
//更改当前活跃的选项卡
activeTab = targetTab;
});

DCloud_UNI_FXY

DCloud_UNI_FXY

再点击事件里边加上mui('#Popover_2').popover('toggle');

  • 全栈工程师 (作者)

    您好,这个已经完美解决了我的问题 谢谢,还有一个问题,我点击一级菜单的时候弹出二级菜单,但是我还没有点击二级菜单的时候,整个页面是白色的,就是说还没有加载html页面,这里我不想要白板,我想要加载我指定的html页面 怎么做?

    2015-01-22 15:47

全栈工程师

全栈工程师 (作者) - 精通mui、uniapp,承接相关项目外包,解决各种疑难问题。有任何问题可以随时联系,QQ:419761282

您好,这个已经完美解决了我的问题 谢谢,还有一个问题,我点击一级菜单的时候弹出二级菜单,但是我还没有点击二级菜单的时候,整个页面是白色的,就是说还没有加载html页面,这里我不想要白板,我想要加载我指定的html页面 怎么做?

DCloud_UNI_FXY

DCloud_UNI_FXY

你默认加载第一个菜单的html页面就行了吧。。。

  • 全栈工程师 (作者)

    怎么写?在哪写?求指导

    2015-01-22 15:56

全栈工程师

全栈工程师 (作者) - 精通mui、uniapp,承接相关项目外包,解决各种疑难问题。有任何问题可以随时联系,QQ:419761282

怎么写?在哪写?求指导

DCloud_UNI_FXY

DCloud_UNI_FXY

你创建webview选项卡的时候,就可以默认把第一个页面的webview给显示出来吧

  • 全栈工程师 (作者)

    但是我已经创建一个首页 ,已经在登录进来后显示了这个首页,当我点击这个一级菜单的时候,它会自动将首页隐藏掉,去执行这个#Popover_2,然后弹出二级菜单,这时候整个页面就没有页面加载了,现在的问题就是我怎么点击这个一级菜单的时候去加载一个页面显示,而不是一定要我去点击弹出的二级菜单再加载页面

    2015-01-22 16:24

全栈工程师

全栈工程师 (作者) - 精通mui、uniapp,承接相关项目外包,解决各种疑难问题。有任何问题可以随时联系,QQ:419761282

但是我已经创建一个首页 ,已经在登录进来后显示了这个首页,当我点击这个一级菜单的时候,它会自动将首页隐藏掉,去执行这个#Popover_2,然后弹出二级菜单,这时候整个页面就没有页面加载了,现在的问题就是我怎么点击这个一级菜单的时候去加载一个页面显示,而不是一定要我去点击弹出的二级菜单再加载页面

DCloud_UNI_FXY

DCloud_UNI_FXY

你点击一级菜单,来隐藏首页,是为了让popover显示出来?
这样的话。是很难达到你那种要求的。

当然也不是完全没有办法,只是较为麻烦。

把popover放到每一个选项卡的webview里,点击一级菜单的时候,通知当前的选项卡的webview去显示popover,这样就不用隐藏当前页面来显示父webview的popover了。

  • 全栈工程师 (作者)

    不是的,我是做了二级菜单,我点击一级菜单的时候 不是要弹出二级菜单来吗?但是当我点击一级菜单的时候,页面是空白的,我想要页面不是空白的 而是可以指定加载一个页面出来

    2015-05-04 14:49

  • DCloud_UNI_FXY

    自己监听一级菜单的点击事件。然后去处理你想要的逻辑

    2015-05-04 14:54

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