使用subpages做选项卡确实方便,可以在每个页面进行操作而又不相互影响。
问题描述如下:
var subpages = ['a.html','b.html','b.html','b.html'];['a.html','b.html','c.html','d.html'];
var subpage_style = {
top: '85px',
bottom: '50px'
};
//创建子页面,首个选项卡页面显示,其它均隐藏;
mui.plusReady(function(){
var self = plus.webview.currentWebview();
for(var i=0;i<4;i++){i=0;i<4;i++){
var sub = plus.webview.create(subpages[i],subpages[i],subpage_style);
if(i>0){if(i>0){
sub.hide();
}
self.append(sub);
}
});
//当前激活选项,默认为第一个;
var activeTab = subpages[0];
//选项卡点击事件
mui('#segmentedControl').on('tap', 'a', function(e) {
var targetTab = this.getAttribute('href');
if (targetTab == activeTab) {
return;
}
//先隐藏当前的
plus.webview.hide(activeTab);
//再显示目标
plus.webview.show(targetTab,'slide-in-right');
//更改当前活跃的选项卡
activeTab = targetTab;
});
而且a、b、c、d中均有使用mui.openwindow打开新窗口的列表。
发布后的应用,直接点a(或b或c)页面中的一条列表没反应,只有把a、b、c、d四个选项卡都点一遍,才能打开列表对应的窗口。
在HBUILDER中直接运行时没有这个问题,但是发布后却出现这个问题。
android app,之前的版本有这个问题,后来更新了最新的mui版本,还是这样???!!!
求问怎么解决?
1 个回复
hh (作者)
<div id="segmentedControl" class="mui-segmented-control">
<a id="defaultTab" class="mui-control-item mui-active" href="a.html">
供求1
</a>
<a class="mui-control-item" href="b.html">
供求2
</a>
<a class="mui-control-item" href="c.html">
供求3
</a>
<a class="mui-control-item" href="d.html">
供求4
</a>
</div>
和example不同的是 我这里用的分段,而不是例子中的mui-bar