unsco
unsco
  • 发布:2015-03-01 22:18
  • 更新:2015-03-02 14:03
  • 阅读:3394

通过九宫格连接跳转的页面,无法通过mui-action-back正常返回到九宫格页面

分类:HTML5+

遇到一个奇怪的问题,九宫格页面定义为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>
2015-03-01 22:18 1 条评论 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

你是怎么打开新窗口的?那个错误应该是plus没有初始化。

unsco

unsco (作者)

新窗口是直接用链接跳转过去的,每个页面我都特意添加了mui.plusReady

DCloud_UNI_FXY

DCloud_UNI_FXY

建议使用webview打开新窗口,而不是链接直接跳转。

该问题目前已经被锁定, 无法添加新回复