如何从另一个页面切换Bootstrap导航选项卡上的活动类

时间:2018-10-13 02:25:46

标签: javascript jquery html bootstrap-4

我有一个网页,在主页上有一组导航选项卡,这些导航选项卡具有用户可以单击以获取更多信息的链接。我希望该网站随后转到具有链接的其他页面上的正确导航选项卡,这些附加信息是他们单击的链接。这是github存储库的链接:

https://github.com/rise-and-shane93/Clean-Sweep-Products-Current

1 个答案:

答案 0 :(得分:0)

我这样做的方法是在标签页名称(例如https://page.html#tab1)的页面URL上添加#片段标识符。然后,在被叫页面中,在准备好文档后,您可以搜索#tab1的URL,如果存在,则打开tab1:

$(document).ready(function() {
    hashValue = window.location.hash;
    if(hashValue != undefined && hashValue == "#tab1"){
        $("#tab1").show();
    }   
});