mui——页面跳转

1.页面跳转一

<div class="btn_box" id="SMS">登录</div>

//跳转到短信验证
 document.getElementById('SMS').addEventListener('tap', function() {
     mui.openWindow({
          url: 'smsYanZheng.html',
          id: 'smsYanZheng.html'
     })
 });

2.页面跳转二

<ul class="menu" id="menu">
                <li>
                    <a href="html/correcting/zhengWuFaBu/zhengWuFaBu.html">
                        <img src="img/icon/sy_icon1.png" /><br />
                        <span>政务发布</span>
                    </a>
                </li>
                <li>
                    <a href="html/correcting/banShiZhiNan/banShiZhiNan.html">
                        <img src="img/icon/sy_icon2.png" /><br />
                        <span>办事指南</span>
                    </a>
                </li>
                <li>
                    <a href="html/correcting/huZhuPingTai/huZhuPingTai.html">
                        <img src="img/icon/sy_icon3.png" /><br />
                        <span>互助平台</span>
                    </a>
                </li>
                <li>
                    <a href="html/correcting/jinRongFuWu/jinRongFuWu.html">
                        <img src="img/icon/sy_icon4.png" /><br />
                        <span>金融服务</span>
                    </a>
                </li>
            </ul>

//tab页面跳转
            mui('#menu').on('tap', 'a', function() {
                var url = this.getAttribute('href');
                mui.openWindow({
                    url: url,
                    id: url
                });
            });

3.页面跳转三

<div id="detailPage" class="list_box">
                        <div class="list">
                            <div class="list-center">
                                <div class="listTit">关于如何申请低保贫困户</div>
                                <div class="listName">
                                    <div class="listNameLeft">关于如何申请低保贫困户</div>
                                    <div class="listNameRight"><img src="../../../img/icon/lookmore_green.png"></div>
                                </div>
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-center">
                                <div class="listTit">关于如何申请低保贫困户</div>
                                <div class="listName">
                                    <div class="listNameLeft">关于如何申请低保贫困户</div>
                                    <div class="listNameRight"><img src="../../../img/icon/lookmore_green.png"></div>
                                </div>
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-center">
                                <div class="listTit">关于如何申请低保贫困户</div>
                                <div class="listName">
                                    <div class="listNameLeft">关于如何申请低保贫困户</div>
                                    <div class="listNameRight"><img src="../../../img/icon/lookmore_green.png"></div>
                                </div>
                            </div>
                        </div>
                    </div>

mui('.list_box').on('tap', '.list', function() {
    mui.openWindow({
        url: 'banShiZhiNanDetail.html',
        id: 'banShiZhiNanDetail.html'
    })
})