mui的webview挡住了新打开的页面，怎么解决

严好饱呀 2017-08-08 09:10:58

<!DOCTYPE html>

<html>



	<head>

		<meta charset="utf-8">

		<title>main</title>

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">



		<link rel="stylesheet" href="../css/mui.min.css">

		<style>

			html,

			body {

				background-color: #efeff4;

			}

			

			.mui-title {

				color: white;

				font-size: 18px;

				font-weight: 500;

				line-height: 48px;

			}

			

			.mui-bar .mui-icon {

				padding-top: 12px;

			}

			

			.mui-bar-top {

				height: 50px;

				background-color: #4fb0ff;

			}

			

			.mui-bar .add {

				font-size: 16px;

				padding-top: 16px;

			}

			

			a {

				color: white;

			}

			.mui-bar-tab .mui-tab-item {

				height: 50px;

			}

		</style>

	</head>



	<body>

		<header class="mui-bar mui-bar-nav mui-bar-top">

			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>

			<a id="add" class="mui-icon mui-icon-right-nav mui-pull-right add">添加</a>

			<h1 id="title" class="mui-title">失物启事</h1>

		</header>

		<nav class="mui-bar mui-bar-tab">

			<a id="defaultTab" class="mui-tab-item mui-active" href="lost_list.html">

				<img class="mui-icon" src="../image/shiwu.png" />

				<span class="mui-tab-label">失物启事</span>

			</a>

			<a class="mui-tab-item" href="found_list.html">

				<img class="mui-icon" src="../image/zhaoling.png" />

				<span class="mui-tab-label">招领启事</span>

			</a>



		</nav>

		<script src="../js/mui.min.js"></script>

		<script type="text/javascript" charset="utf-8">

			//mui初始化

			mui.init();

			var subpages = ['lost_list.html', 'found_list.html'];

			var subpage_style = {

				top: '45px',

				bottom: '53px'

			};



			var aniShow = {};



			//创建子页面，首个选项卡页面显示，其它均隐藏；

			mui.plusReady(function() {

				var self = plus.webview.currentWebview();

				for(var i = 0; i < 2; i++) {

					var temp = {};

					var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);

					if(i > 0) {

						sub.hide();

					} else {

						temp[subpages[i]] = "true";

						mui.extend(aniShow, temp);

					}

					self.append(sub);

				}

			});

			//当前激活选项

			var activeTab = subpages[0];

			var title = document.getElementById("title");

			//选项卡点击事件

			mui('.mui-bar-tab').on('tap', 'a', function(e) {

				var targetTab = this.getAttribute('href');

				if(targetTab == activeTab) {

					return;

				}

				//更换标题

				title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;

				//显示目标选项卡

				//若为iOS平台或非首次显示，则直接显示

				if(mui.os.ios || aniShow[targetTab]) {

					plus.webview.show(targetTab);

				} else {

					//否则，使用fade-in动画，且保存变量

					var temp = {};

					temp[targetTab] = "true";

					mui.extend(aniShow, temp);

					plus.webview.show(targetTab, "fade-in", 300);

				}

				//隐藏当前;

				plus.webview.hide(activeTab);

				//更改当前活跃的选项卡

				activeTab = targetTab;

			});

			//自定义事件，模拟点击“首页选项卡”

			document.addEventListener('gohome', function() {

				var defaultTab = document.getElementById("defaultTab");

				//模拟首页点击

				mui.trigger(defaultTab, 'tap');

				//切换选项卡高亮

				var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");

				if(defaultTab !== current) {

					current.classList.remove('mui-active');

					defaultTab.classList.add('mui-active');

				}

			});

		</script>



		<script type="text/javascript">

			var add = document.getElementById("add");

			add.onclick = function() {

				var title = document.getElementById("title").innerHTML;

				if(title == "失物启事") {

					window.location = 'lost_add.html';

				} else {



					window.location = "found_add.html";

				}



			}

		</script>



</html>