mui登陆成功后底部选项卡不能切换

<body>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">首页</h1>
</header>
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="indexsub.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" href="cp.html">
<span class="mui-icon iconfont icon-chanpin"></span>
<span class="mui-tab-label">产品</span>
</a>
<a class="mui-tab-item" href="qg.html">
<span class="mui-icon iconfont icon-gongying"></span>
<span class="mui-tab-label">求购</span>
</a>
<a class="mui-tab-item" href="login.html">
<span class="mui-icon mui-icon-person"></span>
<span class="mui-tab-label">用户</span>
</a>
</nav>
<script src="js/jquery.js"></script>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
//设置默认打开首页显示的子页序号；
var Index=0;
//把子页的路径写在数组里面
var subpages = ['indexsub.html','cp.html','login.html','qg.html'];

//所有的plus-*方法写在mui.plusReady中或者后面。
mui.plusReady(function() {
//获取当前页面所属的Webview窗口对象
var self = plus.webview.currentWebview();
for (var i = 0; i < subpages.length; i++) {
//创建webview子页
var sub = plus.webview.create(
subpages[i], //子页url
subpages[i], //子页id
{
top: '44px',//设置距离顶部的距离
bottom: '50px'//设置距离底部的距离
}
);
//如不是我们设置的默认的子页则隐藏，否则添加到窗口中
if (i != Index) {
sub.hide();
}
//将webview对象填充到窗口
self.append(sub);
}
});
//当前激活选项
var activeTab = subpages[Index],title=document.querySelector(".mui-title");
//选项卡点击事件
mui('.mui-bar-tab').on('tap', 'a', function(e) {
//获取目标子页的id
var targetTab = this.getAttribute('href');
if (targetTab == activeTab) {
return;
}
//更换标题
title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;
//显示目标选项卡
plus.webview.show(targetTab,'fade-in',200);
//隐藏当前选项卡
plus.webview.hide(activeTab);
//更改当前活跃的选项卡
activeTab = targetTab;
});
</script>
</body>

mui登陆成功后底部选项卡不能切换

7 个回复

公告

相关问题

mui登陆成功后 底部选项卡不能切换

与内容相关的链接

7 个回复

公告

相关问题

mui登陆成功后底部选项卡不能切换