3***@qq.com
3***@qq.com
  • 发布:2018-01-08 17:09
  • 更新:2018-10-30 13:14
  • 阅读:1715

mui 预加载选项卡点击,ios能正常显示页面,安卓点击选项卡不显示页面,有时候dom结构都乱了

分类:MUI
mui

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;  
    });  
}
2018-01-08 17:09 负责人:无 分享
已邀请:
hibody

hibody - zhfssd;l

遇到同样的问题,你解决了吗

8***@qq.com

8***@qq.com - 啦啦啦

有人解决了吗?求好心人告知

3***@qq.com

3***@qq.com (作者)

问题已决绝,原因是适配的时候,有些安卓机获取不到它的宽度document.documentElement.clientWidth || document.body.clientWidth; //主要针对安卓适配的,fontsize

在入口页能正常获取,把它缓存起来,后面用这个值调用就可以了

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