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

一尘不染

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

javascript

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

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

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

阅读 355

2020-04-25

共1个答案

一尘不染

这是我对问题的解决方案，也许有点晚了。但这可能会帮助其他人：

// Javascript to enable link to tab
var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
}

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
})

2020-04-25