左上角返回按2次才能返回

分类：MUI

返回

流程为：

从主页面 -》登录页面 -》注册页面打开页面都是以mui.openWindow方式打开子页面的

从 “注册页面”

点击左上角返回正常返回到“登录页面”，从“登录页面”

点击左上角返回需要点击2次才能正常返回。点击第1次的时候好像页面是刷新了一下。

如果只是从主页面 -》登录页面，此时点击1次就回到主页面了，请问是怎么会使呢？谢谢了。

代码如下：

登录页面：  
<!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>  
    <script src="js/app.js"></script>  
    <link href="css/mui.min.css" rel="stylesheet"/>  
    <script type="text/javascript" charset="utf-8">  
        mui.init({  
            swipeBack:true //启用右滑关闭功能  
        });  
    </script>  
    <style>  
        .mui-bar-nav~.mui-content{  
            padding: 0;  
        }  
        p {  
            text-indent: 22px;  
            padding: 5px 8px;  
        }  
        html,body,.mui-content {  
            background-color: #fff;  
            margin-top: 50px;  
        }  
        h4 {  
            margin-left: 5px;  
        }  
        </style>  
</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">  
            <form class="mui-input-group">  
                <div class="mui-input-row">  
                    <label>用户名</label>  
                    <input type="text" class="mui-input-clear" placeholder="maijiam@163.com">  
                </div>  
                <div class="mui-input-row">  
                    <label>密码</label>  
                    <input type="text" class="mui-input-clear" placeholder="">  
                </div>  
                <div class="mui-button-row">  
                    <button class="mui-btn mui-btn-primary" onclick="return false;">登录</button>&nbsp;&nbsp;  
                    <button  id="reg">快速注册</button>  
                </div>  
            </form>  
        </div>  
    </div>  
    <script>  

        //处理右上角关于图标的点击事件；  
        document.getElementById('reg').addEventListener('tap', function() {  
            //打开关于页面  
            mui.openWindow({  
                url: 'reg.html',   
                id:'reg'  
            });  
        });  
    </script>  
</body>  
</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.min.css" rel="stylesheet"/>  
    <script type="text/javascript" charset="utf-8">  
        mui.init({  
            swipeBack:true //启用右滑关闭功能  
        });  
    </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>  
</body>  
</html>

2015-02-06 12:00 负责人:无分享