顶部工具栏
顶部工具栏点击后,会自动切换对应的界面。顶部工具栏每个按钮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();
。