jQuery Tab plugins

author: zhangjingwei

示例一:一般调用

大兴湖畔小区开盘

家居更加绿色环保

北京诞生新的地王

示例二:AJAX调用

基于jQuery的tab切换插件

html节点属性说明
data-tab:标签对应的数据节点
例如:data-tab="#box",既指id为box的节点(与jQuery选择器相同)
data-onclass:鼠标移动到标签上的样式
例如:data-onclass="mouseover",则鼠标移动到该节点时增加名为“mouseover”的样式
data-ajax:异步载入的页面
如果添加此标签则通过异步调用页面
data-type:舌标签分类
例如:data-type="a",则所有data-type为a的为同一标签组
tab插件参数
tabname(可选)-->String
定义html舌签数据节点属性名
classname(可选)-->String
定义html舌签样式节点属性名
ajaxname(可选)-->String
定义html舌签ajax节点属性名
typename(可选)-->String
定义html舌签分类节点属性名
hidden-->String
承载数据的容器隐藏时增加的样式,默认为ui-tabs-hide
event(可选)-->String
触发切换的事件,默认为mouseenter
ajaxOptions(可选)-->Object
AJAX 请求设置,此处设置会覆盖全局设置
callback (可选)-->Callback
切换完成后的执行函数,默认返回n(当前鼠标移动到的舌签对象);b(当前切换的box容器对象)