频道栏目
首页 > 程序开发 > 综合编程 > 其他综合 > 正文
为bootstrap的tab增加请求操作
2015-09-25 10:48:25         来源:qing_gee的专栏  
收藏   我要投稿

前言:在进行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记性判断后,改变地址栏请求。

 

点击复制链接 与好友分享!回本站首页
相关TAG标签
上一篇:jfinal为weebox弹出框传递参数
下一篇:如何封装form表单中富文本编辑器bootstrap wysiwyg到jfinal传递参数
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站