基于mui框架 的连接带值跳转页面判断
点击选项 跳往不同的选项卡(mui下的选项卡,只是做了一些样式处理)
首先要写跳往的页面
<div id="purchase">
<div class="list-item">
<a href="/lbx-app/pages/Myorder/my-order.html?number=0">
<img src="../../images/wddd.png" />
<div class="">
<span>我的订单</span>
</div>
</a>
</div>
<div class="list-item">
<a href="/lbx-app/pages/Myorder/my-order.html?number=1">
<img src="../../images/dfk.png" />
<div class="">
<span>待付款</span>
</div>
</a>
</div>
<div class="list-item">
<a href="/lbx-app/pages/Myorder/my-order.html?number=2">
<img src="../../images/dfh.png" />
<div class="">
<span>待发货</span>
</div>
</a>
</div>
<div class="list-item">
<a href="/lbx-app/pages/Myorder/my-order.html?number=3">
<img src="../../images/dsh.png" />
<div class="">
<span>待收货</span>
</div>
</a>
</div>
</div>
然后 在跳转的页面接受参数
var number = GetQueryString('number');
if(number == undefined) {
number = 0;
}
mui(".mui-control-content")[number].classList.add('mui-active');
mui(".mui-control-item")[number].classList.add('mui-active');
别忘了加js获取地址栏参数方法GetQueryString
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null;
}