JackyShen
JackyShen
  • 发布:2015-04-06 21:02
  • 更新:2015-04-06 21:42
  • 阅读:3264

tabbar 切换时,如何隐藏并保留之前tab页中新打开的webview

分类:MUI

在index.html中,用subpages的方式加载了几个webview作为tab bar 标签页子页面。
在子页面tab1中是一个list,点击后用mui.openwindow()打开二级页面,这样做可以实现ios push的效果和回退效果。甚至可以在二级页面再打开三级页面。到这里没问题。

问题是,当我点击tab2按钮时,刚才打开的二级、三级页面会覆盖住子页面tab2的内容。我想应该hide掉tab1中的二三级并保留它们,这样从tab2切换会tab1时,原先的内容还会保留。

不知有没有更好的办法?

2015-04-06 21:02 负责人:无 分享
已邀请:
JackyShen

JackyShen (作者)

我改用webview.append()方式,将tab1的二级页面添加到tab1上。同时覆盖mui.back()函数,手工添加动画效果。这样在点击tab2时,tab1中的内容可以得以保留。

但是,这样就没有利用到MUI自带的header class: mui-action-back,不知有没有更好的办法?

打开二级页面:

child.hide();  
plus.webview.currentWebview().append(child);  
child.show('slide-in-right', 300);

回退二级页面:

mui.back = function() {  
        plus.webview.currentWebview().hide('slide-out-right', 300, function() {   

plus.webview.currentWebview().removeFromParent();     
        plus.webview.currentWebview().close();  
                    });  
                }

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