用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