选项卡切换组件

构造函数

cmp.tabChange

cmp.tabChange
(
  • options
)

参数:

名称类型标识描述
options Object 必选

配置参数

名称类型标识描述
nav String 必选

有选项卡特征的元素,接受选择dom元素的class,id等,格式如:
".cmp-tabNav .a"--------即选择class名父元素下面的a标签

section String 必选

选项卡对应的内容dom元素 接受选择dom元素的class,id等

fn Function 必选

点击页签切换后的回调函数 返回值包含对应的选项卡dom和内容dom

示例:

<script>
    //=============html=======================//
    <ul class="cmp-tab-doState cmp-after-line">
         <li class="li c1 selected"></li>  <!-选项卡dom-->
         <li class="li c2"></li>  <!-选项卡dom-->
     </ul>
     <div class="cmp-tab-content selected">1</div><!-内容--->
     <div class="cmp-tab-content">2</div><!-内容--->
    //============js=========================//
   cmp.tabChange({
       nav:".cmp-tabNav .a"
       section:".cmp-tab-content2",
       fn:function(nav,section){
       }
   });
</script>
Top