1. 程式人生 > >WebApp MUI帶底部導航欄框架 類似華為底部返回鍵導致跳轉混亂

WebApp MUI帶底部導航欄框架 類似華為底部返回鍵導致跳轉混亂

記錄並分享

遇到的問題:mui自帶的底部導航或仿寫的底部導航,比如當我切換到 我的 頁面時,再按華為的返回鍵,

頁面就會出現切換混亂。

解決方式:在四個導航選單頁分別加以下程式碼:

            1.引用自帶的util.js

            2.<script>加入以下程式碼

            // 類似華為左返回鍵處理
            mui.back = function()
            {
                var subpages = util.options.subpages;
                // 四個導航選單頁面index 對應0 1 2 3,當前第四個

我的頁面對應currIndex = 3
                var currIndex = 3;
                if(plus.webview.getWebviewById(subpages[currIndex].id) ==  plus.webview.currentWebview()){
                    if(confirm('確定退出xxxAPP?')){
                        plus.runtime.quit();
                    }
                    else
                    {
                        return false;
                    }
                }
            }