niunan222
niunan222
  • 发布:2016-09-18 10:47
  • 更新:2016-09-20 13:42
  • 阅读:1404

详情页点顶部返回不能返回列表页

分类:MUI
mui

详情页点顶部返回不能返回列表页,直接提示我再按一次退出应用程序。。。。

下面是具体的代码,index.html页面先预先把所有的页面都加载进来

列表页中点击项的时候就用openwindow打开详情页,并触发详情页的事件

下面是详情页中的代码,上面已经mui.init()过了

2016-09-18 10:47 负责人:无 分享
已邀请:
z***@126.com

z***@126.com

<!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>
参考上面的代码,是否要重新绑定左上角回退图标的事件?

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