分类：编程

同时使用mui的选项卡功能和自带地图加载功能，存在点击选项卡跳转，地图页面无法关闭，一直显示在最上层，遮盖其他页面内容的问题。如果是另外打开新的页面，则不会存在这个问题。

解决方法：

采用双webview模式加载地图页面，在页面初始化时，加载子页面，子页面为仅展示地图页面，当前页面可以是包括顶部导航栏和底部选项卡的页面。

mui.init({
 subpages:[{
 url:'map.html',//子页面HTML地址，支持本地地址和网络地址
 id:'map.html',//子页面标志
 styles:{
 top:'45px',//子页面顶部位置
 bottom:'45px',//子页面底部位置
// width:subpage-width,//子页面宽度，默认为100%
// height:subpage-height,//子页面高度，默认为100%
// ......
 },
 extras:{}//额外扩展参数
 }]
 });

在跳转的页面增加如下代码，则可以隐藏地图子页面

mui.plusReady(function(){
 plus.webview.hide('map.html');
 });

最后，不要忘记在原页面增加显示地图子页面的代码

mui.plusReady(function(){
 plus.webview.show('map.html');
 });

关于创建子页面的方法可以参考官方文档http://dev.dcloud.net.cn/mui/window/#subpage

解决当添加一个项目，保存项目后，回到项目列表不会自动刷新，需要再后退一级再次进入才会显示新添加的项目的问题。希望保存成功后自动返回上一级页面，并且刷新页面，显示新添加的项目。

定义一个old_back函数，保存成功后调用old_back函数，返回到页面标志为”ID“的页面，并且刷新页面。

<script>
mui.plusReady(function(){
var old_back=function() {
 var wobj = plus.webview.getWebviewById("ID");//ID为页面的id，获取到上一页面
 wobj.reload(true);//重新加载页面
 } 
 });
function save(){
 mui.ajax('url',{
 data:{
 },
 dataType:'json',//服务器返回json格式数据
 type:'get',//HTTP请求类型
 timeout:10000,//超时时间设置为10秒；
 headers:{
  'Content-Type':'application/json',
 },
 success:function(data){
 alter("保存成功");
 old_back;
 },
 error:function(xhr,type,errorThrown){
 console.log(type);
 }
 });
 }
</script>

关于plus.webview.getWebviewById(“ID”)部分的文档可以参考http://www.html5plus.org/doc/zh_cn/webview.html