/**
 * 选项卡切换组件,主要用于多个选项卡切换时的简化操作<br>:
 *  <strong>
 *          页面需要导入的文件
 *          <ul>
 *              <li>cmp-tabChange.js</li>
 *          </ul>
 *      </strong>
 * @module tabChange
 * @subtitle 选项卡切换
 */

/**
 * @class tabChange
 */

/**
 * 选项卡切换组件
 * @namespace cmp
 * @class tabChange
 * @constructor
 * @param {Object} options 配置参数
 *      @param {String} options.nav 有选项卡特征的元素,接受选择dom元素的class,id等,格式如:<br>
 *          ".cmp-tabNav .a"--------即选择class名父元素下面的a标签
 *     @param {String} options.section 选项卡对应的内容dom元素 接受选择dom元素的class,id等
 *     @param {Function} options.fn 点击页签切换后的回调函数 返回值包含对应的选项卡dom和内容dom
 * @example
 * ```
 * <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