有没有一种方法可以单击链接,然后转到另一个页面并打开特定的引导程序选项卡?
这是我的html:
<a href="/admin/#tab2">View Tab 2</a>
在我的/ admin路由上,我具有bootstrap标签:
<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>
点击我的链接后,我希望该应用转到/ 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
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句