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

Tab 切换 - tpAdmin 文档

tpAdmin 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Tab 切换 - 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.mshxw.com
本文地址:https://www.mshxw.com/it/214054.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号