九宫格的 subpage 按退出还是有问题

我按照你的步骤新建了测试工程，没有重现你说的问题，我的代码上传了github上了，你可以参考：https://github.com/hbcui1984/ask/tree/master/ask-1369

还是有问题啊，你如果把九宫格作为 submenu 的首页就有问题了，例如我这个代码：
<!DOCTYPE html>
<html>

<head>  
    <meta charset="utf-8">  
    <title>通用OA精灵</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 http-equiv="pragma" content="no-cache">  
    <meta http-equiv="cache-control" content="no-cache">  
    <meta http-equiv="expires" content="0">  
    <meta name="apple-mobile-web-app-status-bar-style" content="black">  
    <script type="text/javascript">

if(window.plus){
if(document.body){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
}else{
document.addEventListener("DOMContentLoaded",function(){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
},false);
}
}else{
document.addEventListener("plusready",function(){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
}, false );
}
</script>
<link rel="stylesheet" href="css/mui.min.css">
<script src="js/mui.js"></script>
<script src="js/update.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/common.js" ></script>
<script type="text/javascript" src="js/jquery-1.6.min.js" ></script>
<link rel="stylesheet" type="text/css" href="css/addon.css"/>
<script src="js/app.js"></script>
<style>
html,body {
background-color: #efeff4;
}
</style>
<script>
$.noConflict();
function currentTimeString(){
var d = new Date();
return d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+"."+d.getMilliseconds()+" - ";
}

function getLengthFun(){
return plus.storage.getLength();
}

function getItem(key){
var itemLength = getLengthFun();
var value = plus.storage.getItem(key);
return value;
}

function setItem(key,value) {
plus.storage.setItem( key, value );
}
</script>
</head>

<body>

mui.ready(function() {  
    var slider = document.getElementById('Gallery');  
    var group = slider.querySelector('.mui-slider-group');  
    var items = mui('.mui-slider-item', group);  
    var first = items[0].cloneNode(true);  
    first.classList.add('mui-slider-item-duplicate');  
    var last = items[items.length - 1].cloneNode(true);  
    last.classList.add('mui-slider-item-duplicate');  
});

</script>
</body>
</html>

沧海一生笑 (作者)

把这个 main.html 作为主页，九宫格的 menu.html 作为 subpage ,就会出现我说的按三次才能退出的情况了
<!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">
<script type="text/javascript">
if(window.plus){
if(document.body){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
}else{
document.addEventListener("DOMContentLoaded",function(){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
},false);
}
}else{
document.addEventListener("plusready",function(){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
}, false );
}
</script>
<link rel="stylesheet" href="css/mui.min.css">
<script src="js/mui.js"></script>
<script src="js/update.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<button id="M_quit" class="mui-btn mui-btn-primary mui-btn-link mui-pull-right">
退出
</button>
<h1 class="mui-title">通用OA精灵用户:李宁角色:CEO </h1>
</header>
<script>
mui.init({
swipeBack : false,
subpages : [{
id : 'menu.html',
url : 'menu.html',
styles : {
top : '48px',
bottom : 0,
bounce :'vertical'
//scrollIndicator : "none"
}
}]
});

document.getElementById('M_quit').addEventListener('tap', function() {  
    var btnArray = ['是','否'];  
    mui.confirm('退出确认？','通用OA精灵',btnArray,function(e){  
        if(e.index==0){  
            plus.runtime.quit();  
        }else{  
            window.location.href=window.location.href;   
            window.location.reload;               
        }  
    })  
  });

// mui.plusReady(function() {
// //首页返回键处理
// //处理逻辑：1秒内，连续两次按返回键，则退出应用；
// var first = null;
// plus.key.addEventListener('backbutton', function(){
// var btnArray = ['是','否'];
// mui.confirm('退出确认？','通用OA精灵',btnArray,function(e){
// if(e.index==0){
// plus.runtime.quit();
// }else{
// window.location.href=window.location.href;
// window.location.reload;
// }
// })
// }, false);
// });
mui.plusReady(function() {
//首页返回键处理
//处理逻辑：1秒内，连续两次按返回键，则退出应用；
var first = null;
plus.key.addEventListener('backbutton', function(){
//首次按键，提示‘再按一次退出应用’
if(!first){
first = new Date().getTime();
mui.toast('再按一次退出应用');
setTimeout(function(){
first = null;
},1000);
}else{
if(new Date().getTime()-first<1000){
plus.runtime.quit();
}
}
}, false);
});

    </script>  
</body>

</html>

沧海一生笑 (作者)

把这个 main.html 作为主页，九宫格的 menu.html 作为 subpage ,就会出现我说的按三次才能退出的情况了
<!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">
<script type="text/javascript">
if(window.plus){
if(document.body){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
}else{
document.addEventListener("DOMContentLoaded",function(){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
},false);
}
}else{
document.addEventListener("plusready",function(){
// mui.toast( currentTimeString()+" HTML5 Plus已准备" );
}, false );
}
</script>
<link rel="stylesheet" href="css/mui.min.css">
<script src="js/mui.js"></script>
<script src="js/update.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<button id="M_quit" class="mui-btn mui-btn-primary mui-btn-link mui-pull-right">
退出
</button>
<h1 class="mui-title">通用OA精灵用户:李宁角色:CEO </h1>
</header>
<script>
mui.init({
swipeBack : false,
subpages : [{
id : 'menu.html',
url : 'menu.html',
styles : {
top : '48px',
bottom : 0,
bounce :'vertical'
//scrollIndicator : "none"
}
}]
});

document.getElementById('M_quit').addEventListener('tap', function() {  
    var btnArray = ['是','否'];  
    mui.confirm('退出确认？','通用OA精灵',btnArray,function(e){  
        if(e.index==0){  
            plus.runtime.quit();  
        }else{  
            window.location.href=window.location.href;   
            window.location.reload;               
        }  
    })  
  });

// mui.plusReady(function() {
// //首页返回键处理
// //处理逻辑：1秒内，连续两次按返回键，则退出应用；
// var first = null;
// plus.key.addEventListener('backbutton', function(){
// var btnArray = ['是','否'];
// mui.confirm('退出确认？','通用OA精灵',btnArray,function(e){
// if(e.index==0){
// plus.runtime.quit();
// }else{
// window.location.href=window.location.href;
// window.location.reload;
// }
// })
// }, false);
// });
mui.plusReady(function() {
//首页返回键处理
//处理逻辑：1秒内，连续两次按返回键，则退出应用；
var first = null;
plus.key.addEventListener('backbutton', function(){
//首次按键，提示‘再按一次退出应用’
if(!first){
first = new Date().getTime();
mui.toast('再按一次退出应用');
setTimeout(function(){
first = null;
},1000);
}else{
if(new Date().getTime()-first<1000){
plus.runtime.quit();
}
}
}, false);
});

    </script>  
</body>

</html>

DCloud_UNI_CHB

你贴的代码格式好乱啊，把你有问题的工程直接做个压缩包上传吧。

九宫格的 subpage 按退出还是有问题

5 个回复

公告

相关问题

九宫格的 subpage 按退出 还是有问题

与内容相关的链接

5 个回复

公告

相关问题

九宫格的 subpage 按退出还是有问题