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

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

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

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