正練習用mui寫個簡單的實例，遇到如下問題：我在初始化啟動程序時，用預加載的方式創建了1個webview父對象和4個子對象，想在切換底部導航時用動畫方式切換子對象的顯示，但每次都出不來動畫效果（相關代碼如下）。如果不用預加載而用mui提供的openWindow是有動畫的，我看它源碼也是調用h5 plus的show方法。而且文檔上也沒說預加載的就不能有動畫啊。究竟是何原因？InitTabItems:function(){
//?子頁面的公用樣式配置
var?styles={top:'44px',bottom:'50px'};
//?預加載底部導航關聯頁
this.tabItems.forEach(function(v,i){
vm.tabItemsWebview[v]=mui.preload({
url:'tpl/'+v+'.html',
id:v,
styles:styles
//?也嘗試過在這里定義動畫參數，但無效
});
if(i>0){
vm.tabItemsWebview[v].hide();
}else{
vm.tabItemsWebview[v].show();
}
vm.mainWebview.append(vm.tabItemsWebview[v]);
});
},
InitTabEvent:function(){
?? //?底部導航切換事件
mui('.mui-bar-tab').on('tap','a',function(){
var?id=this.dataset.id;
if(vm.tabItemActive!=id){
vm.tabItemsWebview[vm.tabItemActive].hide();
vm.tabItemsWebview[id].show('slide-in-right',200);
vm.tabItemActive=id;
vm.title=this.children[this.children.length-1].innerText;
}
?? });
}
【已解決】webviewObj的顯示隱藏動畫總出不來
xue5hen
2018-01-17 09:51:21
