如果两个页面都要跳转到同一个单页面(这个单页面是提交订单和收货地址在一个单页面),但是显示的不同。比如点外卖时,下单后显示的是提交订单且可以编辑选择收货地址。而我的地址就直接跳过订单页面进入收货地址页面。
需要注意的是mui的单页面的一段代码
//初始化单页view
var viewApi = mui('#app').view({
defaultPage: '#setting' //这里的#setting就是显示的那个页面的id,所以只有把这个id改成别的你想要显示的那个页面的id就可以啦。
});
还需要用到,不同页面跳过来的时候传过来一个id来标识来区分。可以直接在路径后面通过?id=a
在我的地址页面。
<a href="location.html?id=form_my">收货地址</a> //form_my自己命名的可以随意,不用单引号
在外卖首页
<a href="location.html?id=form_home">提交订单</a>
在location.html页面
获取地址栏参数
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //寻找&+url参数名=参数值+&.&可以不存在
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
//GetQueryString("id");获取路径的id
var viewApi;
if(GetQueryString("id")=="form_my"){
viewApi= mui('#app').view({
defaultPage: '#address1'
});
}
else{
viewApi= mui('#app').view({
defaultPage: '#indent'
});
}