当前位置: 首页 > 工具软件 > jQuery Tools > 使用案例 >

jquery tools tabs 参考

岳京
2023-12-01



$("#tabui").tabs("#tabpans>div",{event:'click',tab:'p',effect: 'default',current:'on'}); 

下面就以上配置参数说明描述如下: 
属性名称 默认 值 描述
current'current'CSS类名当前活跃的选项卡。
effect'default'

效果被用来当点击一个选项卡。 这可以 戏剧性地改变这种行为的选项卡。 这是 可用的内置的效果:

  • 'default' :一个简单的显示/隐藏效果。 这个 标签的默认行为。
  • 'fade' :这个选项卡内容逐渐显示 从零到完全不透明。
  • 'ajax' :从服务器加载选项卡内容 使用AJAX。 视图 示例 
  • 'slide' :垂直滑动效果,合适的 对于 手风琴导航 
  • 'horizontal' :水平的幻灯片效果, 合适的 对于 水平 手风琴导航 

你也可以 让自己的效果 

event'click'指定事件一个选项卡时打开。 默认情况下,这个 发生在当用户单击选项卡。 另一个有效值 是 mouseover” 和 dblclick
fadeInSpeed200自从1.0.1。 唯一可用一起使用时 与“fade”效应。 该属性定义了加快( 毫秒)打开的面板中显示其内容。
fadeOutSpeed0自从1.1.0版。 唯一可用一起使用时 与“fade”效应。 该属性定义了加快( 毫秒)打开窗格中隐藏了它的内容。 一个积极的 这里的价值将导致“crossfade”作用 演示了 这里 
historyfalse自从1.2.0 。 浏览器的支持 “后退按钮”,这样当用户点击后退或前进 按钮打开相应的选项卡。 要求 这个 历史工具 是 包括在你的页面。
initialIndex0指定选项,最初打开当页面 加载。 这将自动触发一个 点击 事件 为选项卡指定在本 财产。 指定 null 或者一个负数这里 不会触发 点击 事件在页面加载 导致所有选项卡最初将关闭。
rotatefalse自从1.1.0版。 当最后一个选项卡是开放和 这个 next() 调用API调用,然后选项卡将 从头开始,当第一个选项卡是开放和 这个 上一页() 调用调用选项卡将提前 最后一个选项卡。 这是证明 在 这里 
tabs'a'一个选择器进行元素,用作标签在根 元素。 如果没有发现然后的直接子根 元素用于为选项卡。

事件 
事件 触发时间
onBeforeClick点击一个标签之前。 第二个参数是指数 被单击的选项卡。
onClick点击后一个选项卡。 第二个参数是指数 点击的选项。
脚本 API 
下面的示例说明如何访问API: 
复制代码代码如下:

var api = $("#tabui").data("tabs"); 
// advance to the next tab 
api.next(); 

以下列出的是所有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进步到以前的选项卡。

 类似资料: