我在看官方的mui文档的时候发现并没有找到选项卡的位置,所以我并没有采纳可能是我太笨了吧接触的还少,先说说我原先是如何写底部选项卡的
在底部选项卡的a标签里面写链接不管是模拟器还是手机是不能访问的所以我们给a标签加上id属性从而设置跳转另一个页面。
document.getElementById('a3').addEventListener('tap',function(){
mui.openWindow({
url : 'knowlage.html',
id :'knowlage.html'
})
});
这样填写是绝对没有问题的,但是不能达到我们想要的的结果,因为跳转之后我们发现跳转之后的页面底部选项卡消失了
在这里我不得不说一件非常愚蠢的事情,我不知道该如何写所以我一连写了四个页面,每个页面都设有跳往其他页面的连接,也就是说我每个页面写的都是几乎一样,然而我并不是要这种结果所以我接着尝试了其他的方法。
显示点击的页面,隐藏未点击的所有页面,这样就可以实现了当然预加载所有页面
最后我的实现代码如下
mui.init({
subpages:[{
url:'pSMain.html',
id:'pSMain.html',
styles:{
top:'0px',
bottom:'50px'
}
}],
preloadPages:[{
url:'mbs.html',
id:'mbs.html',
styles:{
top:'0px',
bottom:'50px'
}
},{
url:'knowlage.html',
id:'knowlage.html',
styles:{
top:'0px',
bottom:'50px'
服务器托管网 }
},{
url:'set.html',
id:'set.html',
styles:{
top:'0px',
bottom:'50px'
}
}]
});
document.getElementById('a1').addEventListener('tap',function(){
a1=plus.webview.getWebviewById("pSMain.html");
a1.show();
服务器托管网 a2.hide();
a3.hide();
a4.hide();
})
document.getElementById('a2').addEventListener('tap',function(){
a2=plus.webview.getWebviewById("mbs.html");
a2.show();
})
document.getElementById('a3').addEventListener('tap',function(){
a3=plus.webview.getWebviewById("knowlage.html");
a3.show();
})
document.getElementById('a4').addEventListener('tap',function(){
a4=plus.webview.getWebviewById("set.html");
a4.show();
})
这是js的部分,至于前面的我只是添加了一个id的属性值。
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
标签控件(Lable)作用是显示文本或图像。用户不能修改。文本可以是一行或多行。 语法: Label(master,option……) master 父控件 option 参数列表,用逗号分隔。 参数: 参数 属性 举例或备注 bg 背景色 fg 前景色 bd…