index页面只写的底部选项卡点击后跳转到对应子页面（都是外部网址）
在各个子页面监听安卓返回键后。当点击A页面里的链接进入可以按安卓返回键返回。
现在问题来了！！！
遇到的问题： 当点击A页面的链接进入后，再点击底部选项卡选择B页面，在B页面里随便点击一个链接后B页面按安卓返回键可以返回。这时点击底部选项卡选择A页面再按安卓返回键就会提示无法再后退了。
意思就是A页面点了链接后，再去B页面随便点击后，B页面可以后退，这时切换到A页面，应该是可以返回到A页面上一个页面，问题就是无法返回。
以下贴出index页面代码以及A,B页面代码，求大神指点下！！！感谢
index页面代码如下：
<!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"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
<div class="mui-content">
<nav class="mui-bar mui-bar-tab">
<a id="defaultTab" class="mui-tab-item mui-active" href="A.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" href="B.html">
<span class="mui-icon mui-icon-search"></span>
<span class="mui-tab-label">搜卷</span>
</a>
</nav>
</div>
<script type="text/javascript" src="js/castapp.js" ></script>
<script type="text/javascript">
ca.init();
var pathArray = ['A.html','B.html'];
castapp.tabBar(pathArray);
</script>
</body>
</html>
A页面代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/mui.min.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav heaber-bg">
<h1 class="mui-title">创客优选</h1>
</header>
<div class="mui-content">
<script type="text/javascript" src="js/castapp.js" ></script>
<script type="text/javascript">
mui.init();
mui.plusReady(function() {
var self = plus.webview.currentWebview();
var youhuixWV = plus.webview.create("http://www.youhuix.com", "youhuix", {
top: "0px",
bottom: 0,
titleNView:{
progress:{ color:'#0000FF' //进度条的颜色 },
titleColor:'#FAFAFA', //标题栏文字颜色为白色
autoBackButton:"true",
titleText:" " }
});
self.append(youhuixWV);
//下面是安卓返回键
plus.key.addEventListener("backbutton",function(){ //监听返回按键 youhuixWV.canBack(function(event) {
var canBack = event.canBack;
if(canBack) {
youhuixWV.back();
} else {
alert("到头了，不能后退了！");
}
});
}); //上面是安卓返回键
});
</script>
</div>
</body>
</html>
B页面代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/mui.min.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav heaber-bg">
<h1 class="mui-title">创客优选</h1>
</header>
<div class="mui-content">
<script type="text/javascript" src="js/castapp.js" ></script>
<script type="text/javascript">
mui.init();
mui.plusReady(function() {
var self = plus.webview.currentWebview();
var cesWV = plus.webview.create("http://www.baidu.com", "ces", {
top: "0px",
bottom: 0,
titleNView:{
progress:{
color:'#0000FF' //进度条的颜色
},
titleColor:'#FAFAFA', //标题栏文字颜色为透明
autoBackButton:"true",
titleText:" "
}
});
self.append(cesWV);
//下面是安卓返回键
plus.key.addEventListener("backbutton",function(){ //监听返回按键 cesWV.canBack(function(event) {
var canBack = event.canBack;
if(canBack) {
cesWV.back();
} else {
alert("到头了，不能后退了！");
}
});
},false);
//上面是安卓返回键 });
</script>
</div>
</body>
</html>