为bootstrap的tab增加请求操作

简介: 为bootstrap的tab增加请求操作

前言:在进行bootstrap的tab切换操作时,我们有的时候需要为其增加请求操作,用来获取服务端的数据。

$('#myTab a').click(function(e) {
        // 先获取项目id
        var deal_id = $("#deal_id").val();
        var tabIndex = $("#tabIndex").val();
        var href = $(this).attr("href");
        if (href == '#program') {// 项目基本信息
            if (tabIndex == 1) {
                if (deal_id) {
                    location.href = common.ctx + "/project/showProjectBasicInfo?deal_id=" + deal_id;
                } else {
                    location.href = common.ctx + "/project/initProjectBasicInfo";
                }
            } else {
                $(this).tab('show');
            }
        } else if (href == '#reback') {// 项目回报信息
            if (deal_id && !tabIndex) {
                location.href = common.ctx + "/project/showProjectRebackInfo?deal_id=" + deal_id + "&tabIndex=1";
            } else {
                $(this).tab('show');
            }
        }
        e.preventDefault();// 取消事件的默认动作
    });


我们利用a标签的点击事件,然后对tab记性判断后,改变地址栏请求。

相关文章
|
6月前
|
JSON 前端开发 数据格式
bootstrap table表格的点击详情按钮操作
bootstrap table表格的点击详情按钮操作
52 1
|
6月前
|
JSON 前端开发 数据库
Bootstrap Table使用教程(请求json数据渲染表格)
Bootstrap Table使用教程(请求json数据渲染表格)
85 0
|
6月前
|
前端开发
Bootstrap切换tab事件
Bootstrap切换tab事件
|
6月前
|
前端开发
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
|
JavaScript 前端开发 测试技术
Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页
Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页
198 0
|
前端开发
为bootstrap的tab增加请求操作
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/48708591 前言:在进行bootstrap的tab切换操作时,我们有的时候需要为其增加请求操作,用来获取服务端的数据。
690 0
N..
|
2月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
14 0
|
7月前
|
前端开发 容器