详情页点顶部返回不能返回列表页,直接提示我再按一次退出应用程序。。。。
下面是具体的代码,index.html页面先预先把所有的页面都加载进来
列表页中点击项的时候就用openwindow打开详情页,并触发详情页的事件
下面是详情页中的代码,上面已经mui.init()过了
<!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" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-left-nav mui-pull-left" id="go_back"></a>
<a class="mui-icon mui-icon-forward mui-pull-right" id="go_forward"></a>
<h1 class="mui-title mui-action-back" id="close_page">直接关闭当前页面</h1>
</header>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
mui.plusReady(function() {
var self = plus.webview.currentWebview();
var baiduWV = plus.webview.create("http://www.baidu.com", "baidu", {
top: "44px",
bottom: 0
});
self.append(baiduWV);
/**
* 重写mui.back()方法
* http://dev.dcloud.net.cn/mui/window/#closewindow
*/
/**
* 监听子窗口对象是否可后退
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.canBack
*/
document.getElementById("go_back").addEventListener("tap", function() {
baiduWV.canBack(function(event) {
var canBack = event.canBack;
if(canBack) {
baiduWV.back();
} else {
alert("到头了,不能后退了!");
}
});
});
// 右上角前进icon的事件
document.getElementById("go_forward").addEventListener("tap", function() {
/**
* 监听子窗口对象是否可前进
* http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.canForward
*/
baiduWV.canForward(function(event) {
var canForward = event.canForward;
if(canForward) {
baiduWV.forward();
} else {
alert("不能前进!");
}
});
});
});
</script>
</body>
</html>
参考上面的代码,是否要重新绑定左上角回退图标的事件?