页面底部有一个tabbar(div)模式切换 然后子选项卡里面又有一个顶部tabbar(div)模式切换 然后造成顶部tabbar的sliderProgressBar失效了..请问如何解决
jimmy_zejia
- 发布:2016-02-24 10:52
- 更新:2016-02-24 16:44
- 阅读:1820
出现此问题的原因是,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