tab标题是动态加载的:
<div id="slider" class="mui-slider mui-fullscreen">
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<div id="allTitle" class="mui-scroll">
</div>
</div>
<div id="allTopic" class="mui-slider-group">
<div id="item1" class="mui-slider-item mui-control-content mui-active ">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul id="ul1" class="mui-table-view">
</ul>
</div>
</div>
</div>
</div>
</div>
点击tab切换没问题,但是滑动时,tab颜色不发生变化。
实现滑动时tab随滑动页改变颜色:
document.querySelector('.mui-slider').addEventListener('slide', function(event) {
//alert("滑动监听=="+event.detail.slideNumber);
$("#allTitle").find("a").attr("class","mui-control-item");
$("#allTitle").find("a").eq(event.detail.slideNumber).attr("class","mui-control-item mui-active");
});