tabbar组件压缩和未压缩用的方法不一样,min版快速切换时页面会空白
zepto.weui.js show、hide
$defaultTabBdItem.show().siblings().hide();
zepot.weui.min.js fadeIn、fadeOut
h.fadeIn().siblings().fadeOut();
github那边issuse不在处理了是吧?
还一个问题在github那边
tab底部菜单,weui-tab__content中放tab头部导航,点击头部导航,底部导航跟着切换了
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
有可能min版压缩丢失了字符
github那边issuse不在处理了是吧?
还一个问题在github那边
tab底部菜单,weui-tab__content中放tab头部导航,点击头部导航,底部导航跟着切换了
@pkkgu 因为他们用的是同一个tab组件,看我最新演示,是支持同时在一个页面,只需要用id切换就行了,同时增加了非ajax切换tabbar,github那边经常登陆不了,我这广电网络,所以更多是处理gitee
@pkkgu 因为他们用的是同一个tab组件,看我最新演示,是支持同时在一个页面,只需要用id切换就行了,同时增加了非ajax切换tabbar,github那边经常登陆不了,我这广电网络,所以更多是处理gitee
如果把navbar结构代码放进,tabbar的weui-tab__content里问题就可以重现
<div id="c0" class="weui-tab__content">这是0
<div class="weui-tab" id="t1" style="height:auto;">
<div class="weui-navbar">
<div class="weui-navbar__item">杨玉环</div>
<div class="weui-navbar__item">赵飞燕</div>
</div>
<div class="weui-tab__panel">
<div id="s0" class="weui-tab__content">唐朝MM</div>
<div id="s1" class="weui-tab__content">汉朝MM</div>
</div>
</div>
</div>
我JS太水了,所以我暂时这么处理的。
const $tabbarItems = this.***children().children*** ('.weui-tabbar__item, .weui-navbar__item');
const $tabBdItems = this.***children().children*** ('.weui-tab__content');
this.on('click', '.weui-tabbar__item, .weui-navbar__item', function (e) {
const index = $(this).index();
self.toggle(index);
***return false;***
});
登录 后才可以发表评论