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

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

使用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