码迷,mamicode.com
首页 > 其他好文 > 详细

mui 打开新页面

时间:2017-08-25 15:56:55      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:event   设置   打开   window   管理   方法   blog   窗口管理   mail   

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>

 

mui 打开新页面

标签:event   设置   打开   window   管理   方法   blog   窗口管理   mail   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!