基于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;
			}