您的位置:首页 > 产品设计 > UI/UE

mui监听多个下拉刷新当前处于哪个选项卡

2018-03-18 21:10 239 查看
1.滑动触发
<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 class="mui-scroll" style="width: 100%;">
<a class="mui-control-item check_out_title wait_repay mui-active "  href="#item1mobile">持有中</a>
<a class="mui-control-item check_out_title repaied"  href="#item2mobile">已完结</a>
</div>
</div>
<!--其他html内容-->
</div>
document.querySelector('.mui-slider').addEventListener('slide', function(event) {
console.log(event.detail.slideNumber)
})
如下图所示:持有中为0,已完结为1,可以根据event.detail.slideNumber的值判断当前所处选项卡,请求对应参数



文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d9880
<
4000
img src="https://upload-images.jianshu.io/upload_images/5640239-4f9848520910bfe3?imageMogr2/auto-orient/strip%7CimageView2/2/w/700" alt="" style="border:none;" />
领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长! 作者:喜欢坑队友的程序员
链接:https://www.jianshu.com/p/38d732549640
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐