mui 打开新页面

mui 打开新页面需要用到 openWindow() 方法和 id,id 指点击的那个元素的 id ,至于 openWindow() ,详细可到 mui 文档》窗口管理》打开新页面查看,我在测试(真机运行,效果实现),用的比较简单,代码如下:

document.getElementById('mphone').addEventListener('tap', function() {
      //打开关于页面
      mui.openWindow({
        url: 'phone.html', 
        id:'mphone'
      });
    });

HTML 结构如下:

<nav class="mui-bar mui-bar-tab">
                    <a class="mui-tab-item mui-active">
                        <span class="mui-icon mui-icon-home"></span>
                        <span class="mui-tab-label">首页</span>
                    </a>
                    <a class="mui-tab-item" id="mphone">
                        <span class="mui-icon mui-icon-phone"></span>
                        <span class="mui-tab-label">电话</span>
                    </a>
                    <a class="mui-tab-item" id="memail">
                        <span class="mui-icon mui-icon-email"></span>
                        <span class="mui-tab-label">邮件</span>
                    </a>
                    <a class="mui-tab-item">
                        <span class="mui-icon mui-icon-gear"></span>
                        <span class="mui-tab-label">设置</span>
                    </a>
                </nav>

 id 是本页面的 id,url 是要打开的页面

原文地址:https://www.cnblogs.com/zxn-9588/p/7428162.html