通过本文主要向大家介绍了jQuery,Tools,tab等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
先给个官方例子。可以先弄出来看看效果
html
事件
脚本 API
下面的示例说明如何访问API:
html
| 属性名称 | 默认 值 | 描述 |
|---|---|---|
| current | 'current' | CSS类名当前活跃的选项卡。 |
| effect | 'default' |
效果被用来当点击一个选项卡。 这可以 戏剧性地改变这种行为的选项卡。 这是 可用的内置的效果:
你也可以 让自己的效果 。 |
| event | 'click' | 指定事件一个选项卡时打开。 默认情况下,这个 发生在当用户单击选项卡。 另一个有效值 是 “mouseover” 和 ‘dblclick' 。 |
| fadeInSpeed | 200 | 自从1.0.1。 唯一可用一起使用时 与“fade”效应。 该属性定义了加快( 毫秒)打开的面板中显示其内容。 |
| fadeOutSpeed | 0 |
自从1.1.0版。 唯一可用一起使用时 与“fade”效应。 该属性定义了加快( 毫秒)打开窗格中隐藏了它的内容。 一个积极的 这里的价值将导致“crossfade”作用 演示了 这里 。 |
| history | false | 自从1.2.0 。 浏览器的支持 “后退按钮”,这样当用户点击后退或前进 按钮打开相应的选项卡。 要求 这个 历史工具 是 包括在你的页面。 |
| initialIndex | 0 |
指定选项,最初打开当页面 加载。 这将自动触发一个 点击 事件 为选项卡指定在本 财产。 指定 null 或者一个负数这里 不会触发 点击 事件在页面加载 导致所有选项卡最初将关闭。 |
| rotate | false | 自从1.1.0版。 当最后一个选项卡是开放和 这个 next() 调用API调用,然后选项卡将 从头开始,当第一个选项卡是开放和 这个 上一页() 调用调用选项卡将提前 最后一个选项卡。 这是证明 在 这里 。 |
| tabs | 'a' | 一个选择器进行元素,用作标签在根 元素。 如果没有发现然后的直接子根 元素用于为选项卡。 |
事件
| 事件 | 触发时间 |
|---|---|
| onBeforeClick | 点击一个标签之前。 第二个参数是指数 被单击的选项卡。 |
| onClick | 点击后一个选项卡。 第二个参数是指数 点击的选项。 |
下面的示例说明如何访问API:
| 方法 | 返回值 | 描述/例子 |
|---|---|---|
| click(index) | API |
激活选项卡中指定的参数。 参数可以是 要么是 整数 数字指定标签指数 (从0开始),或者当选项卡 一个 标记,它 可以 href 属性作为 援引 字符串 。 |
| destroy() | API |
自从1.2.3 完全删除现有的标签 实例。 |
| getConf() | Object | 自从1.0.1。 返回配置对象 标签的实例。 这个对象可以被修改, 变化是动态地反映在行为上的标签。 |
| getCurrentPane() | jQuery |
返回当前面板作为jQuery对象。 |
| getCurrentTab() | jQuery |
返回当前标签作为一个jQuery对象。 |
| getIndex() | integer | 返回当前选项卡指数。 |
| getPanes() | jQuery |
返回jQuery对象窗格作为。 |
| getTabs() | jQuery |
返回标签作为一个jQuery对象。 |
| next() | API |
前进到下一个选项卡。 |
| prev() | API |
进步到以前的选项卡。 |