码迷,mamicode.com
首页 > 其他好文 > 详细

为bootstrap的tab增加请求操作

时间:2015-09-24 13:03:48      阅读:127      评论:0      收藏:0      [点我收藏+]

标签: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记性判断后,改变地址栏请求。

版权声明:本站博客均为qing_gee原创文章,若您需要引用、转载,只需要注明来源及原文链接即可。

为bootstrap的tab增加请求操作

标签:bootstrap   tab   

原文地址:http://blog.csdn.net/qing_gee/article/details/48708591

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!