Javascript 标签问题的URL结构

因为我对选项卡中的URL结构有问题。如果我选择了

选项卡2

，并且url更改为

https://example.com/#tab-2

和表3的

https://example.com/#tab-3

等等

问题是我是否输入了此

https://example.com/#tab-4

或任何其他，在搜索栏中，它总是显示我

https://example.com/#tab-1

为当前版本

但是，我想做

https://example.com/#tab-4

当前显示所选的选项卡4。如何在当前代码中实现

$（'.projects\u select'）。单击（函数（）{
var tab_id=$（this.attr（'data-tab'）；
$（'.projects_select'）.removeClass（'current'）；
$（'.tab content'）.removeClass（'current'）；
$（this.addClass（'current'）；
$（“#”+tab_id）.addClass（'current'）；
//window.location.href=window.location.href+“#tab_id”；
});
.tab内容{
显示：块；/*撤消显示：无*/
高度：0；/*高度：0也不可见*/
溢出：隐藏；}
.tab-content.current{
高度：自动；/*由内容决定*/}
.projects\u select{
字体大小：400；
字母间距：1px；
文本对齐：居中；
颜色：#333；
填充：17px0；
宽度：16.66%；
浮动：左；
光标：指针；
边框样式：实心；
边框宽度：1px 1px 1px 0px；
字体风格：普通；
字体大小：700；}
.projects\u select.current{
字号：500；
位置：相对位置；
颜色：#fff；
背景：#313641；}
.projects\u select.current:之后{
最高：100%；
左：50%；
边框：实心透明；
内容：“；
身高：0；
宽度：0；
位置：绝对位置；
指针事件：无；
边框颜色：透明；
边框顶部颜色：#333；
边框宽度：20px；
左边距：-20px；
}
.tab_菜单{
填充：35px 10.7%75px；
背景：#efefef；}

表1
表2
表3
表4
Tab-5
您可以使用
window.location.hash
获取哈希值。因此，在脚本中，您可以执行以下操作：

$(document).ready(function(){
    if($('.tab-link[href=' + window.location.hash + ']')){
        $('.tab-link[href=' + window.location.hash + ']').addClass('current');
    }
    else {
        $('.tab-link[href=#tab1]').addClass('current');
    }
});

未测试此代码tho。您不再需要在HTML中设置当前类。你可以把它移到那里