1

我已经看到了很多涉及这个主题的问题,我确切地知道需要做什么,但我对 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,但是,该选项卡不会切换到activehref="#tab1"(保持活动状态#tab2但显示来自 的数据#tab1

我想我可以使用该.first()方法并将第一次出现的href="#tab1and定位.addClass('active')到这个 li。但我不知道如何为我链接到它的任何链接选择 li 以直接定位该hrefID

我真的不知道这是否可以做到。我可以href从链接中注入数据(使用 jQuery),然后将其添加到选项卡链接并使其处于活动状态。

再次,data-toggle="tab"切换到正确的内容,但不会更新导航栏上的活动选项卡,

那么有没有办法选择那个确切的“标签”并.addClass('active')<li>我触发链接时选择。

感谢您的时间。

JSFIDDLE 示例

http://jsfiddle.net/epiceon/M6NQJ/1/

4

2 回答 2

2

如果您在这样的选项卡之间切换,您将需要tab('show')在您希望该按钮转到的选项卡上再次调用。

附带说明一下,如果您使用选项卡,您应该考虑将您的版本更新到 2.0.3。他们修复了一些错误(主要是左侧或右侧的选项卡),但即使放入新的 navs.less 文件也可能会让您在路上头疼。

于 2012-05-02T13:55:18.733 回答
1

我在尝试手动关闭标签时遇到了类似的情况。

这是工作的jsFiddle:

http://jsfiddle.net/WnQvF/8/

请注意,我只是从我的项目中复制粘贴。因此,对于您的问题,该解决方案可能不是最干净的,但您将了解它是如何工作的。请记住在选项卡 3 中命名选项卡按钮和按钮。

于 2012-05-04T07:40:02.983 回答