栏目分类:
子分类:
返回
终身学习网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
终身学习网 > IT > 软件开发 > 后端开发 > PHP > php开源框架 > tpAdmin

Tab 切换 - tpAdmin 文档

tpAdmin 更新时间:发布时间: 百科书网 趣学号

在 `H-ui.tab` 基础上封装,给添加上点击和加载回调
##方法
`$.tpTab`
```

jQuery.tpTab =function(tabBar,tabCon,class_name,tabEvent,i,callback,finished){
var $tabBar=$(tabBar),$tabCon=$(tabCon);
function chg(index) {
$tabBar.removeClass(class_name).eq(index).addClass(class_name);
$tabCon.hide().eq(index).show();
}
// 初始化操作
chg(i||0);
typeof finished === "function" && finished(i,$tabCon,$tabBar);

$tabBar.bind(tabEvent,function(){
var index=$tabBar.index(this);
chg(index);
typeof callback === "function" && callback(index,$tabCon,$tabBar);
});
};
```
##使用示例
###HTML 部分
```


本地上传
网络图片
历史图片






style="display: none">
















```
###Javascript 部分
```
// Tab 切换
$.tpTab("#tab_upload .tabBar span", "#tab_upload .tabCon", "current", "click", "0", function (index, tabCon, tabBar) {
if (index == 2 && tabCon.eq(index).find('.photo-list').html() == '') {
getListImage({p:p,'count':'1'});
}
}, function (i) {

});
```

转载请注明:文章转载自 www.051e.com
本文地址:http://www.051e.com/it/214054.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 ©2023-2025 051e.com

ICP备案号:京ICP备12030808号