长木木木 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 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)