我已经看到了很多涉及这个主题的问题,我确切地知道需要做什么,但我对 jQuery 并不“流利”,因此,我无法成功地做到这一点。
<ul class="nav nav-pills" id="activate">
<li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li class="active"><a href="#tab2" data-toggle="tab">Tab 2</a></li>
</ul>
<div class="tab-content">
<div id="tab1"><h1>Data for Tab 1</h2></div>
<div id="tab2">
<a href="#tab1" rel="taburl" data-toggle="tab">Take me to tab content #1</a>
</div>
理想情况下,该选项卡的数据切换到#tab1,但是,该选项卡不会切换到active
类href="#tab1"
(保持活动状态#tab2
但显示来自 的数据#tab1
)
我想我可以使用该.first()
方法并将第一次出现的href="#tab1
and定位.addClass('active')
到这个 li。但我不知道如何为我链接到它的任何链接选择 li 以直接定位该href
ID
我真的不知道这是否可以做到。我可以href
从链接中注入数据(使用 jQuery),然后将其添加到选项卡链接并使其处于活动状态。
再次,data-toggle="tab"
切换到正确的内容,但不会更新导航栏上的活动选项卡,
那么有没有办法选择那个确切的“标签”并.addClass('active')
在<li>
我触发链接时选择。
感谢您的时间。