通过当前cateid来判断切换tab

ToBeOrNotToBe_Up

于 2017-10-13 14:14:29 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：后端

本文链接：https://blog.youkuaiyun.com/jasonzhang20100713/article/details/78225411

后端专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种通过解析URL中的ID来实现不同Tab页切换的方法。具体步骤包括：获取URL中的ID并使用switch-case结构来根据不同的ID设置对应的Tab页为激活状态。此方法适用于前端开发中需要根据不同参数动态展示页面内容的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目前项目中我是这么用，不知道是否妥当。欢迎指正！

1.获取当前url中的id

var str = location.href;//获取完整的url
var cateid = str.substring(81);//取到id

2.switch ..case判断

switch(cateid) {
                    case '17':
                        $('#tab4').tab({
                            defaultIndex: 0,
                            activeClass: "tab-blue "
                        });
                        break;
                    case '18':
                        $('#tab4').tab({
                            defaultIndex: 1,
                            activeClass: "tab-blue "
                        });
                        break;
                    case '19':
                        $('#tab4').tab({
                            defaultIndex: 2,
                            activeClass: "tab-blue "
                        });
                        break;
                    case '20':
                        $('#tab4').tab({
                            defaultIndex: 3,
                            activeClass: "tab-blue "
                        });
                        break;
                    case '21':
                        $('#tab4').tab({
                            defaultIndex: 4,
                            activeClass: "tab-blue "
                        });
                        break;

                }