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...