顶部工具栏

顶部工具栏点击后,会自动切换对应的界面。顶部工具栏每个按钮a的href="#tab1"中href指向的便是界面id,每个界面是一个.tab, 当前界面是.tab-active。每个tab对应一个url地址,当点击相关tab后会调转到相应的url地址上。

    <div class="nav bg_blue white">
        <div class="left">
            <a href="index.html" class="back link nav-btn">
                <i class="icon ion-chevron-left"></i>
            </a>
        </div>
        <div class="center" style="left:-10px">订单</div>
        <div class="right">
        </div>
    </div>
    <div class="toolbarup">
        <a class="tab-link-up tab-link-active col-50" href="#tab21">
            <span>未完成</span>
        </a>
        <span class="y-line">|</span>
        <a class="tab-link-up col-50" href="#tab22">
            <span>已完成订单</span>
        </a>
    </div>
    <div class="content">
        <div class="head-pull"></div>
        <div class="head-pull"></div>
        <div class="split-range"></div>
        <div class="toolbarup-content">
            <div class="tab-active2" id="tab21" url="_order_ing.html"></div>
            <div class="tab" id="tab22" url="_order_ed.html" ></div>
        </div>
    </div>

    <script>
        if(request.tabup){
            t(".toolbarup").tabUpClean().tabInitUp(request.tabup); //清楚缓存后重新初始化tab
        }else{
            t(".toolbarup").tabInitUp("tab21");
        }
    </script>

顶部工具栏初始化:t(".toolbarup").tabInitUp("tab21");。初始化参数,即设置当前tab页面。 顶部工具栏删除缓存:t(".toolbar").tabClean();