mui 预加载选项卡点击,ios能正常显示页面,安卓点击选项卡不显示页面,有时候dom结构都乱了,有谁知道原因吗?
index_controller.prototype.init = function(){
var subpages = ['html/home.html', 'html/set.html', 'html/my.html'];
var subpage_style = {
top: $('#top').height(),
bottom: $('.mui-bar-tab').height()
};
mui.plusReady(function() {
var self = plus.webview.currentWebview();
for (var i = 0; i < subpages.length; i++) {
var sub = plus.webview.create(subpages[i],subpages[i], subpage_style); //创建webview子页plus.webview.create(url,id,style,extras)
if (i > 0) {
sub.hide();
}
self.append(sub); //默认显示首页
}
});
//选项卡点击事件
var activeTab = subpages[0];
mui('#top').on('tap', 'div', function(e) {
var id=$(this).attr('alt');
$('#top div').css('border-bottom',"none").eq(id).css('border-bottom','2px solid red');
//获取目标子页的id
var targetTab = subpages[id];
if (targetTab == activeTab) {
return;
}
//显示目标选项卡
plus.webview.show(targetTab);
//隐藏当前选项卡
plus.webview.hide(activeTab);
//更改当前活跃的选项卡
activeTab = targetTab;
});
}
3 个回复
hibody - zhfssd;l
遇到同样的问题,你解决了吗
8***@qq.com - 啦啦啦
有人解决了吗?求好心人告知
3***@qq.com (作者)
问题已决绝,原因是适配的时候,有些安卓机获取不到它的宽度document.documentElement.clientWidth || document.body.clientWidth; //主要针对安卓适配的,fontsize
在入口页能正常获取,把它缓存起来,后面用这个值调用就可以了