weui tabbar 到底怎么用啊？tab页面为什么不能切换？
<body ontouchstart>
<div class="container js_container">
<!--底部菜单-->
<div id="tab" class="weui-tabbar" style="height: 45px;position: fixed;">
<ul class="weui-navbar">
<li class="weui-navbar__item weui-bar__item_on">发现</li>
<li class="weui-navbar__item">问医生</li>
<li class="weui-navbar__item">我的</li>
</ul>
<div class="weui-tab__panel">
<div class="weui-tab__content page_feedback">
发现
</div>
<div class="weui-tab__content hide">
问医生
</div>
<div class="weui-tab__content hide">
我的
</div>
</div>
</div>
</div>
<script src="https://res.wx.qq.com/open/libs/zepto/1.1.6/zepto.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="js/example.js"></script>
<script>
//tab切换
$(function(){
var aLi = $('.weui-navbar__item');
aLi.on('click', function () {
$(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
var index = $(this).index();
$('.weui-tab__panel div').eq(index).show().siblings().hide();
});
});
</script>
</body>实际情况是ul中的可以切换，但是panel中的内容却不切换？哪里的问题啊？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
有报错信息吗?
这个script 是你自己写的吗
//tab切换源码我没看过, 大半年前用过, 当时还是一个纯css ui框架.
不过目测代码上class有hide属性, 所以建议试一下不要控制show hide, addClass removeClass
hide试一下weui tabbar 切换效果示例代码