html – 单击指向特定引导选项卡的链接

概述有没有办法点击链接并将其转到另一个页面并打开特定的引导选项卡？ 这是我的HTML： <a href="/admin/#tab2">View Tab 2</a> 在我的/ admin路由上,我有引导选项卡： <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">Completed</a>< 有没有办法点击链接并将其转到另一个页面并打开特定的引导选项卡？

这是我的HTML：

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

在我的/ admin路由上,我有引导选项卡：

<ul >    <li ><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>

单击我的链接后,我希望应用程序转到/ admin路由并显示#tab2的内容.有人可以帮忙吗？

提前致谢！

解决方法 是的,你可以这样做.但它需要一些自定义的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

总结

以上是内存溢出为你收集整理的html – 单击指向特定引导选项卡的链接全部内容，希望文章能够帮你解决html – 单击指向特定引导选项卡的链接所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。