老师,手机切换显示不出来对应的页面

来源: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

好的,我是一个一个敲的

0
1
风间影月
写一点,测试一点。哪怕只写几个文字,也要测试看看效果。目前的情况,我推断是项目没有建好。或者你之前误操作导致以前可以,现在不可以
2019-10-18
共1条回复

风间影月

2019-10-18

附带提一下,不要直接复制,复制的不对就会有问题。一个一个去写。或者用排除法,有时候一堆代码扔出来,反而起到反作用

0
0

风间影月

2019-10-18

贴到群里吧,手机上看不了代码噢,全部乱码

0
0

Netty+Spring Boot仿微信-全栈开发高性能后台及客户端

SpringBoot/Netty+MUI全栈开发 同时搞定后台+ Android&iOS

1498 学习 · 684 问题

查看课程