通过当前cateid来判断切换tab

最新推荐文章于 2024-03-16 19:52:07 发布

原创最新推荐文章于 2024-03-16 19:52:07 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

后端专栏收录该内容

11 篇文章

订阅专栏

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

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

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;

                }