Jquery bootstrap 2.0通过选项卡内容中的url激活选项卡和数据

我已经看到了很多关于这个主题的问题，我确切地知道需要做什么，但我不能流利地使用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，但是，该选项卡不会切换到href=tab1上的活动类，而会在tab2上保持活动状态，但会显示来自tab1的数据

我想我可以使用.first方法，并将href=tab1和.addClass'active'的第一次出现作为目标。但我不知道如何为任何链接选择li，我链接到它以直接指向该href ID

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

同样，data toggle=选项卡切换到正确的内容，但不会更新导航栏上的活动选项卡

因此，有没有一种方法可以在我启动链接后选择确切的“tab”和.addClass“active”到

谢谢你抽出时间

JSFIDLE示例

---

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

---

请注意，如果使用选项卡，则应考虑将版本更新为2.0.3。他们修复了一些错误，主要是左侧或右侧的选项卡，但即使是插入新的navs.less文件，也可能会让您头疼。

我在尝试手动关闭选项卡时遇到了类似的问题

以下是工作指南：

请注意，我刚刚从我的项目中复制粘贴。因此，对于您的问题，解决方案可能不是最干净的，但您将了解它的工作原理。

---

请记住命名选项卡按钮和选项卡3中的按钮。

我被诸如“数据的选项卡已切换”之类的语句弄糊涂了。你能重读一下你的问题吗？也许能把你问的和你想的分开吗？@Sineta抱歉。我只是匆匆忙忙地把这些写出来，犯了很多错误。我纠正了它。我可以正确切换，但在单击链接之前，它将保留在活动选项卡上。因此，不更新：/@KyleMonti我不明白你的问题，所以你想在页面加载时预先激活tab 3？