jimmy_zejia
jimmy_zejia
  • 发布:2016-02-24 10:52
  • 更新:2016-02-24 16:44
  • 阅读:1094

页面同时存在两个tab bar切换 js出现bug

分类:MUI

页面底部有一个tabbar(div)模式切换 然后子选项卡里面又有一个顶部tabbar(div)模式切换 然后造成顶部tabbar的sliderProgressBar失效了..请问如何解决

2016-02-24 10:52 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

出现此问题的原因是,mui默认初始化slider的时候,你这个slider处于隐藏状态,所以部分属性没有正确初始化,解决方案,当第一次切换到社区的时候,在初始化slider.为避免mui自动初始化,你需要先把slider-community节点的mui-slider样式移除掉。等切换过来的时候再加上

var sliderCommunityElem = document.getElementById("slider-community");  
                document.getElementById("bama").addEventListener('shown.mui.tab', function(event) {  
                    console.log(event.detail.tabNumber);  
                    if (event.detail.tabNumber === 1) {  
                        if (!sliderCommunityElem.classList.contains('mui-slider')) {  
                            sliderCommunityElem.classList.add('mui-slider');  
                            $(sliderCommunityElem).slider();  
                        }  
                    }  
                });
  • jimmy_zejia (作者)

    好 谢谢 麻烦了

    2016-02-24 17:02

  • jimmy_zejia (作者)

    但是我在按照你的方法来弄 最后面 $(sliderCommunityElem).slider(); 报错了..我是没有引入jquery 如何 mui有什么方法代替jquery $的方法吗

    2016-02-24 17:09

  • DCloud_UNI_FXY

    回复 jimmy_zejia:$就是mui。报什么错误?

    2016-02-24 17:13

  • jimmy_zejia (作者)

    $ is not defined

    2016-02-24 17:22

  • DCloud_UNI_FXY

    回复 jimmy_zejia:那就换成mui

    2016-02-24 17:24

  • jimmy_zejia (作者)

    好麻烦了

    2016-02-24 17:25

DCloud_UNI_FXY

DCloud_UNI_FXY

发个测试工程

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