老师,手机切换显示不出来对应的页面
来源:5-7 tab选项卡切换页面(上)

gisnew
2019-10-18
每个页面的显示文字都显示不出来,对应页面的文字,这是什么原因呢,是根据例子上写的代码,但是完成后,页面上的字显示不出来;反复对照视频开了,还是不清楚原因
代码如下:
微信云
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" tabindex="0">
<span class="mui-icon mui-icon-weixin"></span>
<span class="mui-tab-label">微信</span>
</a>
<a class="mui-tab-item" tabindex="1">
<span class="mui-icon mui-icon-phone"></span>
<span class="mui-tab-label">通讯录</span>
</a>
<a class="mui-tab-item" tabindex="2">
<span class="mui-icon mui-icon-paperplane"></span>
<span class="mui-tab-label">发现</span>
</a>
<a class="mui-tab-item" tabindex="3">
<span class="mui-icon mui-icon-person"></span>
<span class="mui-tab-label">我</span>
</a>
</nav>
<script type="text/javascript">
var goneXinArray=[
{
pageId:"gone-chatlist.html",
pageUrl:"gone-chatlist.html"
},
{
pageId:"gone-contact.html",
pageUrl:"gone-contact.html"
},
{
pageId:"gone-discover.html",
pageUrl:"gone-discover.html"
},
{
pageId:"gone-me.html",
pageUrl:"gone-me.html"
}
];
var goneXinStyle = {
top: "44px",
bottom: "50px"
};
mui.plusReady(function(){
//获取当前webview对象
var indexWebView=plus.webview.currentWebview();
//向当前的主页webview追加子页的4张webview对象
for(var i=0;i<goneXinArray.legth;i++){
var goneXinPage=webview.create(goneXinArray[i].pageUrl,
goneXinArray[i].pageId,
goneXinStyle);
//隐藏webview窗口
goneXinPage.hide();
//追加每一个子页面
indexWebView.append(goneXinPage);
}
plus.webview.show(goneXinArray[0].pageId);
//批量绑定tap事件,展示不同的页面
mui(".mui-bar-tab").on("tap","a",function(){
var tabindex = this.getAttribute("tabindex");
//显示点击的tab选项所对应的页面
plus.webview.show(goneXinArray[tabindex].pageId,"fade-in",200);
//隐藏其他的不需要的页面
for(var i=0;i<goneXinArray.legth;i++){
if( i!=tabindex ){
plus.webview.hide(goneXinArray[i].pageId,"fade-out",200);
}
}
})
});
</script>
写回答
3回答
-
gisnew
提问者
2019-10-18
好的,我是一个一个敲的
012019-10-18 -
风间影月
2019-10-18
附带提一下,不要直接复制,复制的不对就会有问题。一个一个去写。或者用排除法,有时候一堆代码扔出来,反而起到反作用
00 -
风间影月
2019-10-18
贴到群里吧,手机上看不了代码噢,全部乱码
00
Netty+Spring Boot仿微信-全栈开发高性能后台及客户端
SpringBoot/Netty+MUI全栈开发 同时搞定后台+ Android&iOS
1498 学习 · 684 问题
相似问题