我初学,感觉mui的文档写的不怎么好。总感觉看的一头雾水的。有时候翻几页才找到自己想要的函数。
现在问个预加载问题。以下代码为啥没有预加载成功。他打印只有login这个html。
<form id='login-form' class="mui-input-group">
<div class="mui-input-row">
<label>账号</label>
<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
</div>
<div class="mui-input-row">
<label>密码</label>
<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
</div>
</form>
<!--以上是html部分-->
以下是js部分:
mui.ready(function(){
mui.init({
statusBarBackground: '#f7f7f7',
preloadPages:[
{
url:'index.html',
id:"index"
// extras:{'name':'mui'},//自定义扩展参数
}
]
});
})
mui.plusReady(function(){
var array = plus.webview.all();
if(array){
for(var i=0,len=array.length;i<len;i++){
console.log(2);
console.log(array[i].getURL());
}
}
})
mui(".mui-content-padded").on('tap','#login',function(){
mui.openWindow({
url:'index.html',
extras:{
name:'mui'
}
})
})
2 个回复
3***@qq.com (作者)
我好像发现了问题。。。
我index这个页面是这样写的。然后我真机调试。发现头部立马就看到了,而子页面出现了1-2秒左右的白屏。
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">标题</h1>
</header>
<script>
mui.init({
subpages:[{
url:'a2.html',
styles:{
top:'45px'
}
}]
})
</script>
Danny - QQ125904483
http://ask.dcloud.net.cn/article/106
3***@qq.com (作者)
你这个我看过了。他不是用到mui里面的preloadPages或者preload函数。而是早就打开了。只不过隐藏了。
2016-04-14 08:42