为bootstrap的tab增加请求操作

今天药忘吃喽~ 2021-06-24 14:34 297阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，297人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyUI在子页面增加显示tabs问题。

在父页面点个链接能动态看到子页面的情况太简单，请看easyUI官网：http://www.jeasyui.com/tutorial/layout/tabs2.php 现在说

野性酷女/ 2024年02月18日 19:41/ 0 赞/ 45 阅读

相关 tab的操作

1.显示隐藏tab页签隐藏： \[javascript\] [view plain][] [copy][view plain] 1. tab\_opt

快来打我*/ 2022年06月15日 04:42/ 0 赞/ 158 阅读

相关 notepad++配置tab为空格

最近使用notepad++ 进行phthon编程中，tab键老是报错误，必须需改为4个空格。打开设置（setting）-首选项（preference）-语言（la

た入场券/ 2022年06月15日 02:17/ 0 赞/ 236 阅读

相关 iOS: 为画板App增加 Undo/Redo(撤销/重做)操作

这个随笔的内容以上一个随笔为基础，([在iOS中实现一个简单的画板][iOS])，上一个随笔实现了一个简单的画板： ![021412111126624.png][]

客官°小女子只卖身不卖艺/ 2022年06月14日 04:08/ 0 赞/ 132 阅读

相关 css为div 增加border

一开始我们是怎么写的 test0{ border:5px} 发现为什么不显示线呢？之后才发现原来还有后续的参数，应该怎么写 test0{ border:5

﹏ヽ暗。殇╰゛Y/ 2022年06月03日 07:54/ 0 赞/ 176 阅读

相关 bootstrap标签页（tab）

Bootstrap 标签页（Tab）插件标签页（Tab）在 [Bootstrap 导航元素][Bootstrap] 一章中介绍过。通过结合一些 data 属性，您可以轻

r囧r小猫/ 2022年05月31日 04:23/ 0 赞/ 309 阅读

相关 BootStrap 多个tab页面保存提交后停留在操作tab页或者指定tab页

jQ+ Bootstrap 动态控制tab页面切换最近在做一个功能,一个页面包含多个tab页签,每一个tab页面都有保存和提交按钮功能, 现在是希望在某个tab页面点击

叁歲伎倆/ 2022年05月24日 07:20/ 0 赞/ 248 阅读

相关 Bootstrap treeview增加或者删除节点

参考（AddNode： [http://blog.csdn.net/qq\_25628235/article/details/51719917][http_blog.csdn.

た入场券/ 2021年09月17日 13:14/ 0 赞/ 636 阅读

相关浅析Bootstrap中Tab（标签页）的使用方法

Bootstrap 导航元素使用相同的标记和基类，改变修饰的`class`，可以在不同的样式间进行切换如"`.nav-pills`"（胶囊式导航）与 “`.nav-tab

雨点打透心脏的1/2处/ 2021年06月26日 16:06/ 0 赞/ 495 阅读

相关为bootstrap的tab增加请求操作

前言：在进行bootstrap的tab切换操作时，我们有的时候需要为其增加请求操作，用来获取服务端的数据。 $('myTab a').click(function(e

今天药忘吃喽~/ 2021年06月24日 14:34/ 0 赞/ 298 阅读