Class: Tab

new Tab()

切换类中
版本:
  • 1.0
作者:
  • Brucewan
继承:
依赖:
  • module:lib/zepto.js
  • module:src/base.js
源码:
Example
     var tab1 = new mo.Tab({
target: $('#slide01 li')
});
  • 参数

  • 属性

  • 方法

  • 事件

  • 名称 类型 参数 默认值 描述
    config.target object | string 目标选项卡片,即供切换的 Elements list (Elements.length >= 2)
    config.controller object | string <optional>
    'ul>li*' 触发器
    config.direction string <optional>
    'x' 指定方向,仅效果为'slide'时有效
    config.autoPlay boolean <optional>
    false 是否自动播放
    config.playTo number <optional>
    0 默认播放第几个(索引值计数,即0开始的计数方式)
    config.switchTo number <optional>
    undefined 切换到第几个(无动画效果)
    config.type string <optional>
    'touchend' 事件触发类型
    config.currentClass string <optional>
    'current' 当前样式名称, 多tab嵌套时有指定需求
    config.link boolean <optional>
    false tab controller中的链接是否可被点击
    config.circle boolean <optional>
    false 是否循环滚动
    config.stay number <optional>
    2000 自动播放时停留时间
    config.disable number <optional>
    禁止某屏滚动
    config.prevBtn object | string <optional>
    播放前一张,调用prev()
    config.nextBtn object | string <optional>
    插放后一张,调用next()
    config.easing string <optional>
    'swing' 动画方式:默认可选(可加载Zepto.easying.js扩充):'swing', 'linear'
    config.event object{string:function} <optional>
    初始化绑定的事件
    config.title object{'dataSrc':Element, 'dataProp':String, 'dataWrap':Element, 'delay': Number} <optional>
    初始化绑定的事件
    config.lazy boolean <optional>
    false 是否启用按需加载,需要按需加载的元素设置data-src属性
  • container :object

    目标选项卡片容器
    源码:

    controller :object

    目标选项卡片控制器
    源码:

    curPage :number|undefined

    当前播放第几个的索引值
    源码:

    isPlaying :boolean

    播放状态
    源码:

    prevPage :number|undefined

    上一个选项卡的索引值
    源码:

    target :object

    目标选项卡片
    源码:
  • constructor()

    构造函数
    继承自:
    • mo.Base#constructor
    源码:

    disable()

    禁用某屏
    源码:

    enable()

    启用某屏
    源码:

    next()

    播放后一个
    源码:

    off()

    绑定事件
    继承自:
    • mo.Base#off
    源码:

    on()

    绑定事件
    继承自:
    • mo.Base#on
    源码:

    play()

    开始自动播放
    源码:

    playTo(page)

    播放到第几个选项卡
    源码:

    prev()

    播放前一个
    源码:

    stop()

    停止自动播放
    源码:

    switchTo()

    无动画效果切换
    源码:

    trigger()

    触发事件
    继承自:
    • mo.Base#trigger
    源码:
  • beforechange

    名称 类型 描述
    event object 开始切换
    源码:

    beforeinit

    名称 类型 描述
    event object 开始初始化前
    源码:

    change

    名称 类型 描述
    event object 切换完成
    源码:

    init

    名称 类型 描述
    event object 初始化完成
    源码:

    touchend

    名称 类型 描述
    event object 开始切换
    源码:

    touchmove

    名称 类型 描述
    event object 开始切换
    源码:

    touchstart

    名称 类型 描述
    event object 开始切换
    源码:
  • 普通切换运行Demo二维码

    Loading...

    按需加载运行Demo二维码

    Loading...

    自定义事件运行Demo二维码

    Loading...