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'
    })
})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM