mui nav 页面相互跳转打开新页 不在h5+环境 怎么应用

建议使用on批量处理，文档在这里：事件绑定

非5+环境，可以使用iframe做兼容处理。

mui初级入门教程（二）— html5+ webview 底部栏用法详解

照着你提供的文档说明做了一遍不管用打不开子页面 不知道为什么。。。

//设置默认打开首页显示的子页序号；  
            var Index = 0;  
            //把子页的路径写在数组里面  
            var subpages = ['home.html', 'course.html', 'course.html'];  
            //所有的plus-*方法写在mui.plusReady中或者后面。  
            mui.plusReady(function() {  
                //获取当前页面所属的Webview窗口对象  
                var self = plus.webview.currentWebview();  
                for(var i = 0; i < 3; i++) {  
                    //创建webview子页  
                    var sub = plus.webview.create(  
                        subpages[i], //子页url  
                        subpages[i], //子页id  
                        {  
                            top: '45px', //设置距离顶部的距离  
                            bottom: '50px' //设置距离底部的距离  
                        }  
                    );  
                    //如不是我们设置的默认的子页则隐藏，否则添加到窗口中  
                    if(i != Index) {  
                        sub.hide();  
                    }  
                    //将webview对象填充到窗口  
                    self.append(sub);  
                }  
            });  
    var createIframe = function (el, opt) {  
    var elContainer = document.querySelector(el);  
    var wrapper = document.querySelector(".mui-iframe-wrapper");  
    if(!wrapper){  
        // 创建wrapper 和 iframe  
        wrapper = document.createElement('div');  
        wrapper.className = 'mui-iframe-wrapper';  
        for(var i in opt.style){  
            wrapper.style[i] = opt.style[i];  
        }  
        var iframe = document.createElement('iframe');  
        iframe.src = opt.url;  
        iframe.id = opt.id || opt.url;  
        iframe.name = opt.id;  
        wrapper.appendChild(iframe);  
        elContainer.appendChild(wrapper);  
    }else{  
        var iframe = wrapper.querySelector('iframe');  
        iframe.src = opt.url;  
        iframe.id = opt.id || opt.url;  
        iframe.name = iframe.id;  
    }  
};  
            var activeTab = subpages[Index],title=document.querySelector(".mui-title");  
mui('.mui-bar-tab').on('tap', 'a', function(e) {  
    // 获取目标子页的id  
    var targetTab = this.getAttribute('href');  
    if (targetTab == activeTab) {  
        return;  
    }          
    // 更换标题  
    title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;      
    // 子页内容切换  
    if(mui.os.plus){  
        // 显示目标webview  
        plus.webview.show(targetTab);  
        // 隐藏当前webview  
        plus.webview.hide(activeTab);  
        // 更改当前活跃的选项卡  
        activeTab = targetTab;  
    }else{  
        // 创建iframe代替子页面  
        createIframe('.mui-content',{  
            url: targetTab,  
            style: {  
                top: '45px',//设置距离顶部的距离  
                bottom: '50px'//设置距离底部的距离  
            }  
        });  
    }  
})