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

JavaScript HTML

伽罗

2020-03-23

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

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

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

第2900篇《Twitter Bootstrap选项卡：转到页面重新加载或超链接上的“特定”选项卡》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
Stafan路易 2020.03.23

如果对任何人都重要，那么下面的代码很小，并且完美无缺，可以从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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android