zoukankan      html  css  js  c++  java
  • mui的选项卡js选中指定项

    dom结构:在一定条件下想默认选中第二个选项卡

    <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative addressslider" style="border-bottom:1px solid #CCC;">
         <a class="mui-control-item mui-active" href="#item1">
            选择地址
         </a>
         <a class="mui-control-item" href="#item2" id="header2">
            新增地址
         </a> 
    </div> 
    
    <div id="item1" class="mui-control-content mui-active" style="height:320px;">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                第二个选项卡,有滚动
            </div>
            <!--<div class="mui-scrollbar mui-scrollbar-vertical" style="transition-duration: 500ms; opacity: 0;"><div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: block; height: 25px; transform: translate3d(0px, 0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);"></div></div>
    -->                        </div>
    </div>
    <div id="item2" class="mui-control-content" style="height:320px;"> 
         第二个选项卡
    </div>
    View Code

    亲测可用

     
    //模拟第二个选项卡点击
    mui.trigger(document.getElementById("header2"),'touchstart');
    mui.trigger(document.getElementById("header2"),'tap');

    注意:

    mui.trigger 第一个参数应该是dom对象,如果用jq需要转换成dom

    依次触发touchstart  tap两个事件才可以

  • 相关阅读:
    office 2007
    关于网站爬虫的爬取
    华为交换机默认密码大合集
    一些不错的网站工具箱
    HDU 2023 求平均成绩
    HDU 2056 Rectangles
    HDU 2022 海选女主角
    HDU 2045 不容易系列之(3)—— LELE的RPG难题
    HDU 2042 不容易系列之二
    HDU 2044 一只小蜜蜂...
  • 原文地址:https://www.cnblogs.com/djiz/p/8215123.html
Copyright © 2011-2022 走看看