业务场景:页面A是一个表单页面,有一个switch开关标签,从页面B进入页面A时,等到A页面开关状态修改后,再关闭加载动画,显示A页面。
问题:A页面显示时,用户可以看到switch开关由关闭->打开的整个动画。如何屏蔽这个动画?实现:A页面显示时,开关已经是打开状态。
页面A html代码:
<div class='mui-input-row input-row'>
<label>是否生成</label>
<div id='generateToggle' class='mui-switch'>
<div class='mui-switch-handle'></div>
</div>
</div>
页面A js代码:
mui.plusReady(function() {
app.ready(function() {
app.page.ready(function() {
document.getElementById('generateToggle').classList.add('mui-active');
setTimeout(function(){
plus.nativeUI.closeWaiting();
plus.webview.currentWebview().show('slide-in-right');
}, 50);
});
});
});
从其它页面进入页面A时js代码:
mui.openWindow({
url: 'A.html',
id: 'A',
show: {
autoShow: false
},
waiting: {
autoShow: true
},
extras: {
'houseId': self.houseId,
'type': type
}
});
Danny
@57
2015-11-13 17:24