为bootstrap的tab增加请求操作
2015-09-24 11:17
567 查看
前言:在进行bootstrap的tab切换操作时,我们有的时候需要为其增加请求操作,用来获取服务端的数据。
我们利用a标签的点击事件,然后对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记性判断后,改变地址栏请求。
相关文章推荐
- Bootstrap JQuery wizard steps流程插件
- bootstrap编码规范
- bootstrap collaspe
- bootstrap table使用小记
- Bootstrap Table的例子(转载)
- 免费的Bootstrap管理后台模板集合
- 对bootstrap中confirm alert进行封装
- Bootstrap例子1——Hello world
- 如何封装form表单中富文本编辑器bootstrap wysiwyg到jfinal传递参数
- 50 Must-have plugins for extending Twitter Bootstrap
- Bootstrap学习笔记-栅格系统
- Bootstrap学习笔记-响应式布局原理
- Bootstrap学习笔记-布局
- Bootstrap学习笔记
- Bootstrap Themes & Templates
- Bootstrap模态框水平垂直居中与增加拖拽功能
- 利用bootstrap Grid栅格系统的向下缩小特性排版
- 使用bootstrap-table简化CRUD
- Bootstrap 栅格系统
- Bootstrap教程:[4]栅格系统详解