遇到一个奇怪的问题,九宫格页面定义为index.html,另外三个页面分别定义为1.html,2.html, 3.html。进入index后,点击相应图标,可以进入相应的页面。问题出在点击header定义的“返回”时,最初几次可以正常返回到index,然后就会随机出现错误,总是返回到1.html页面上。偶尔会报错如下:
Uncaught ReferenceError: plus is not defined at js/mui.js:1634
不知道该如何解决,请指教
index.html代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="../js/mui.min.js"></script>
<link href="../css/mui.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
mui.plusReady(function(){});
</script>
</head>
<body>
<div class="mui-content">
<ul class="mui-table-view mui-grid-view mui-grid-9">
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="./report.html">
<span class="mui-icon mui-icon-home"></span>
<div class="mui-media-body" id="attendence"">今日状况</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="./2.html">
<span class="mui-icon mui-icon-phone"></span>
<div class="mui-media-body" id="communicate" >录入</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="./3.html">
<span class="mui-icon mui-icon-phone"></span>
<div class="mui-media-body" id="communicate" >变动</div></a></li>
</ul>
</div>
</body>
</html>
1.html代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</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.css">
<script src="../js/mui.js"></script>
<script src="../js/app.js"></script>
<style>
html,body {
background-color: #efeff4;
}
header.mui-bar{
display: block;
}
.mui-bar-nav~.mui-content{
padding: 0;
}
.mui-content-padded {
padding: 10px;
}
</style>
<script>
mui.init();
mui.plusReady(function(){
});
</script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">今日状况</h1>
</header>
<div class="mui-content">
<div class="mui-content-padded" id="report">
hhhhhhhh
</div>
</div>
</body>
</html>
2.html代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</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.css">
<style>
html,
body {
background-color: #efeff4;
}
header.mui-bar {
display: block;
}
.mui-bar-nav~.mui-content {
padding: 0;
}
.mui-card .mui-control-content {
padding: 10px;
}
.mui-control-content {
height: 150px;
}
</style>
<link rel="stylesheet" href="./css/common.css" type="text/css" charset="utf-8"/>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">确认</h1>
</header>
<div class="mui-content">
</div>
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
<script>
mui.init();
mui.plusReady(function()
{});
</script>
</body>
</html>
3.html代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</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.css">
<style>
html,
body {
background-color: #efeff4;
}
header.mui-bar {
display: block;
}
.mui-bar-nav~.mui-content {
padding: 0;
}
.mui-card .mui-control-content {
padding: 10px;
}
.mui-control-content {
height: 150px;
}
</style>
<link rel="stylesheet" href="./css/common.css" type="text/css" charset="utf-8"/>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">修改</h1>
</header>
<div class="mui-content">
</div>
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
<script>
mui.init();
mui.plusReady(function()
{});
</script>
</body>
</html>
3 个回复
DCloud_UNI_FXY
你是怎么打开新窗口的?那个错误应该是plus没有初始化。
unsco (作者)
新窗口是直接用链接跳转过去的,每个页面我都特意添加了mui.plusReady
DCloud_UNI_FXY
建议使用webview打开新窗口,而不是链接直接跳转。