点击链接到特定的引导标签

有没有一种方法可以点击一个链接，并让它转到另一个页面并打开特定的引导标签？点击链接到特定的引导标签

这里是我的html：

<a href="/admin/#tab2">View Tab 2</a>

而且在我的/管理的路线我有引导标签：

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Completed</a></li> 
    <li><a href="#tab2" data-toggle="tab">Confirmed</a></li> 
    <li><a href="#tab3" data-toggle="tab">Shipped</a></li> 
</ul>

当点击我的链接，我希望应用程序去/管理路线和显示#tab2的内容。有人可以帮忙吗？

在此先感谢！

来源

2016-05-30 Trung Tran

是的，你可以这样做。但它将需要一些自定义的jQuery。

首先，你需要你的链接使用target="_blank"

<a target="_blank" href="/admin/#tab2">View Tab 2</a>

然后，你要在页面上一个新的选项卡中打开，将需要触发选项卡打开。你可以做，使用此代码（其中标签的ID为“myTabs”）：

$('#myTabs a[href="' + window.location.hash + '"]').tab('show')

在他们的网站更多信息：http://getbootstrap.com/javascript/#tabs

来源

2016-05-31 00:21:51

我不得不实行类似的东西下面的插件帮助我一吨：http://www.aidanlister.com/2014/03/persisting-the-tab-state-in-bootstrap/

基本上，它是一个轻量级的jQuery插件，实现了基于URL，后退按钮支持和每个标签点击（所以你的用户可以共享链接）URL更新的标签激活。

这就是所谓的nav-tabs元素，像这样：

$('.nav-tabs-sticky').stickyTabs();

来源

2016-05-31 00:25:05

点击链接到特定的引导标签

回答

相关问题