MUI,webview选项卡

var subpage=['shouye.html','tel.html','email.html','shezhi.html'];
//创建页面
    var sub_style={
        top:'0px',
        bottom:'51px'
    }
    var show={};
    mui.plusReady(function(){

        var hash=plus.webview.currentWebview();  //获取当前页面id
        for(var i=0; i<4; i++){
        var temp={};
            var Nsub=plus.webview.create(subpage[i],subpage[i],sub_style)
            if (i > 0) {
                Nsub.hide();

            }else{ 
                temp[subpage[i]] = "true";
                mui.extend(show,temp);
            }
            hash.append(Nsub);// 给当前id添加 子页面 首个选项卡显示
        }



    })

    var activeTab = subpage[0];  //设置默认
    mui('.mui-bar').on('tap','a',function(e){
    var targetTab = this.getAttribute('href');  //获取当前点击的href属性值
    if (targetTab == activeTab) {    // 第一页确定
                return; 
    }else{
//隐藏当前;
    plus.webview.hide(activeTab);  
//更改当前活跃的选项卡
            activeTab = targetTab;
        }
    //判断是否为 ios 或者 非首次显示 则直接显示
if(mui.os.ios||show[targetTab]){
        plus.webview.show(targetTab);
    }else{
                    //安卓手机显示动画  plus.webview.show(targetTab,"fade-in",300;
        }

    })
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值