jquery tabs plugin(jquery 选项卡插
选项卡切换 组件
这是一款基于jQuery的选项卡切换插件,特点如下:
支持 click, mouseover, mousedown, dblclick 等N类鼠标事件; 标签内部可以使用超链接; 支持Ajax方式载入内容; 支持多层嵌套,理论上可以实现无限层级的嵌套切换; 参数// ES6 import tab from 'jquery-tabs'; tab({ selector , [start], [event], [delay], [selected], [callback] });
// jquery plugin $(selector).tabs([start], [event], [delay], [selected], [callback]); 参数
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
selector | jQuery可用的选择器 | null | 必选参数。绑定切换事件的标签的父容器,可以为使用jQuery选择器匹配的一个或多个对象。例如:"#id", ".className" |
start | Integer, String | 0 | 可选参数。默认显示容器的索引或id。如果为整数,则默认显示索引值为该值的容器,该值从0开始;如果为"#"开始的字符,则默认显示id为该值的容器; |
event | String | "click" | 可选参数。触发切换事件的动作。可使用以下鼠标动作:click, mouseover, mousedown, mouseup, dblclick, mouseenter, mouseleave, mouseout |
delay | Integer | 150 | 可选参数。切换事件延时毫秒(ms)数。该参数只有在 action 为 mouseover, mouseenter, mouseleave, mouseout 时才有效。 |
selected | String | ".selected" | 可选参数。当前标签的样式名,该字符串是否以"."开始皆可。 |
callback | Function | $.noop | 可选参数。每次切换完成后的回调函数。function(id){//do something}回调函数中可以使用返回值id,即当前需要展示的内容标签id。可以结合"id"进行相应的操作,或者Ajax载入内容。 |
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。