zoukankan      html  css  js  c++  java
  • mui监听多个下拉刷新当前处于哪个选项卡

    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=" 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



    领取方式:
    如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!

     
    作者:喜欢坑队友的程序员
    链接:https://www.jianshu.com/p/38d732549640
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
  • 相关阅读:
    【HDU2222】Keywords Search(AC自动机)
    -网络流题表
    【 POJ
    【 UVALive
    【POJ2699】The Maximum Number of Strong Kings(网络流)
    【UVALive
    【HDU3081】Marriage Match II (二分+最大流)
    【UVALive
    【LA2796】Concert Hall Scheduling(最大费用最大流)
    【 UVALive
  • 原文地址:https://www.cnblogs.com/wangting888/p/9701674.html
Copyright © 2011-2022 走看看