1***@163.com
1***@163.com
  • 发布:2016-09-14 10:42
  • 更新:2016-09-14 11:05
  • 阅读:1378

如何能延迟加载子页面

分类:MUI
mui
mui.init({  
	swipeBack: false,  
	statusBarBackground: '#f7f7f7',  
	gestureConfig: {  
		doubletap: true  
	},  
	subpages: [{  
		id: 'home',  
		url: 'home.html',  
		styles: {  
			top: '0',  
			bottom: 0,  
			bounce: 'vertical'  
		}  
	}]  
});

如题,我想延迟加载home页面,有什么好的方法么

2016-09-14 10:42 负责人:无 分享
已邀请:
lhyh

lhyh - 目前就职成都

新建一个html文件,选择箭头所指的模板,参考里面的 tab-webview-main.html

采用的是动态创建子页面的方式,你想延时加载子页面,不妨按照这种,然后结合自己的需求进行延时加载

Trust

Trust - 少说废话

可以直接使用5+的方法添加子页面,监听子页面的加载事件完成后,再show。
父页面

mui.plusReady(function() {  
	var mainView = plus.webview.currentWebview();  
	var subView = plus.webview.create('sub.html', 'sub', {  
		top: '44px',  
		bottom: 0  
	});  
	mainView.append(subView);  
	subView.addEventListener('loaded', function() {  
		subView.show('slide-in-right');  
	});  
});  

另外,安卓部分机型上会立即展示子页面。所以,需要对子页面元素再做一下处理。
首先设置子页面body的display为none,隐藏起来。待子页面show的时候,同时将display设置为block。
相关文档Webview模块

该问题目前已经被锁定, 无法添加新回复