Twitter Bootstrap选项卡:转到页面重新加载或超链接上的“特定”选项卡

我正在开发一个使用Twitter的Bootstrap Framework及其Bootstrap Tabs JS的网页除了一些小问题外,它的工作效果非常好,其中一个小问题是我不知道如何直接从外部链接转到特定选项卡。例如:

<a href="facility.php#home">Home</a>
<a href="facility.php#notes">Notes</a>

单击外部页面上的链接时,应分别转到“主页”选项卡和“注释”选项卡

Stafan路易2020/03/23 15:16:19

如果对任何人都重要,那么下面的代码很小,并且完美无缺,可以从URL中获取单个哈希值并显示出来:

<script>
    window.onload = function () {
        let url = document.location.toString();
        let splitHash = url.split("#");
        document.getElementById(splitHash[1]).click();
    };
</script>

它的作用是检索ID并触发click事件。简单。

凯西里2020/03/23 15:16:19

我只是遇到了这个问题,但需要处理多个选项卡级别。该代码相当丑陋(请参见评论),但是可以完成它的工作:https : //gist.github.com/JensRantil/4721860希望其他人会发现它有用(并随时提出更好的解决方案!)。