长木木木 2019-06-28 09:53 采纳率: 0%
浏览 1768

用mui.openwindow跳转页面,但是跳转了都没有底部菜单。想跳转了底部菜单显示,并选中对应的项。要怎么做?

用mui.openwindow跳转页面,但是跳转了都没有底部菜单。想跳转了底部菜单显示,并选中对应的项。要怎么做?

  • 写回答

1条回答 默认 最新

  • ChoneyLove 2019-06-29 10:37
    关注

    使用mui框架实现底部导航栏,最好不要使用openwindow,因为这样的方式是打开页面并不是跳转,而且层级位于所有页面最上层。底部导航栏使用创建父页面和子页面这种方式来实现,刚进入页面就渲染一次就好了,点击切换页面只是隐藏与显示。

        //获取父web
        var parentweb=plus.webview.currentWebview();
        //创建四个Webview
        var pagelist=[
        {
            url:"../homepage/homepage.html",
            id:"homepage"
        },
        {
            url:"../play/play.html",
            id:"play"
        },
        {
            url:"../mine/mine.html",
            id:"mine"
        }
        ];
        for(var i=0,l=pagelist.length;i<l;i++){
            var url=pagelist[i].url;
            var id=pagelist[i].id;
    
            //如果该web已经创建,则跳过本次循环
            if(plus.webview.getWebviewById(id)){
                //终止循环
                continue;    
            }
    
            //开始创建web
            var newweb=plus.webview.create(url,id,{
                bottom:'50px',
                top:'0px',
                popGesture:'none'
            });
            //设置web的显示状态
            //第一个web显示出来,其他的web隐藏
            if(i===0){ 
                newweb.show();
            }else{
                newweb.hide();
            }
            //把子web追加到父web
            parentweb.append(newweb);
        }
    

    这是底部菜单父级页面和子页面的创建。

        plus.webview.getWebviewById(sid).show('none')
    

    点击切换就用上面那行代码实现,sid是每个子页面的id

    具体看官方文档
    http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.create

    评论

报告相同问题?

悬赏问题

  • ¥15 怎么把多于硬盘空间放到根目录下
  • ¥15 Matlab问题解答有两个问题
  • ¥50 Oracle Kubernetes服务器集群主节点无法访问,工作节点可以访问
  • ¥15 LCD12864中文显示
  • ¥15 在使用CH341SER.EXE时不小心把所有驱动文件删除了怎么解决
  • ¥15 gsoap生成onvif框架
  • ¥15 有关sql server business intellige安装,包括SSDT、SSMS。
  • ¥15 stm32的can接口不能收发数据
  • ¥15 目标检测算法移植到arm开发板
  • ¥15 利用JD51设计温度报警系统