hh
hh
  • 发布:2015-03-06 16:10
  • 更新:2015-03-06 16:14
  • 阅读:3158

利用webview模式选项卡的问题?!!

分类:MUI

使用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版本,还是这样???!!!

求问怎么解决?

2015-03-06 16:10 负责人:无 分享
已邀请:
hh

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

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