请问如何监听到mui-segmented-control中的哪个item被激活了？我想在激活item的同时触发相应分类的下拉刷新
李晓飞
- 发布：2015-08-07 10:41
- 更新：2018-05-23 17:34
- 阅读：8005
请问如何监听到mui-segmented-control中的哪个item被激活了？
分类：MUI
function getActiveControl() {
var segmentedControl = document.getElementById("segmentedControl");
var links = segmentedControl.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
if (links[i].getAttribute('class').indexOf('mui-active') > 0) {
var id = links[i].getAttribute('href');
return id;
}
}
}
var item2Show = false,item3Show = false;//子选项卡是否显示标志
document.querySelector('.mui-slider').addEventListener('slide', function(event) {
if (event.detail.slideNumber === 1&&!item2Show) {
//切换到第二个选项卡
//根据具体业务，动态获得第二个选项卡内容；
var content = ....
//显示内容
document.getElementById("item2").innerHTML = content;
//改变标志位，下次直接显示
item2Show = true;
} else if (event.detail.slideNumber === 2&&!item3Show) {
//切换到第三个选项卡
//根据具体业务，动态获得第三个选项卡内容；
var content = ....
//显示内容
document.getElementById("item3").innerHTML = content;
//改变标志位，下次直接显示
item3Show = true;
}
});
李晓飞 (作者)
把item对应的list绑定一下下拉刷新就行了
2015-08-26 15:10