jquery - 从 Bootstrap 3.0 中的不同链接转到时如何制作特定选项卡 "active"

Question

当从不同的链接转到事件时，我在将特定选项卡加载为事件时遇到问题。我实际上想做的是，使用 Bootstrap Tab 放置一个内容，我希望它们用作菜单，所以每当我从同一页面或什至从不同页面单击菜单时，我希望它转到特定页面并制作特定标签“事件”

这怎么可能，我在 Bootstrap 中尝试了很多资源，但它不起作用。

<table class="nav-tabs" cellspacing="0">
        <tr>
          <td><a class="active" href="#payment_tab" data-toggle="tab">Payment Services</a></td>
          <td><a href="#pci_tab" data-toggle="tab">PCI Compliance - Link</a></td>
          <td><a href="#marketing_tab" data-toggle="tab">Marketing</a></td>
          <td><a href="#support_tab" data-toggle="tab">Support & Service</a></td>
        </tr>
      </table>

我尝试做的链接是http://www.anjan.com.np/boom/merchants.html

提前致谢

所做的新更改:

<table class="nav nav-tabs">
<tr>
  <td><a href="#home" data-toggle="tab" class="active">Home</a></td>
  <td><a href="#profile" class="profile-link" data-toggle="tab">Profile</a></td>
  <td><a href="#messages" class="next-link" data-toggle="tab">Messages</a></td>
  </tr>
</table>
<div class="tab-content">
  <div class="tab-pane active" id="home">Home Content</div>
  <div class="tab-pane" id="profile">Profile Content</div>
  <div class="tab-pane" id="messages">Messages Content</div>
</div>
</div>

来自外部的个人资料链接 下一步

$(".outside-link").click(function() {
    $(".nav-tabs tr td a").removeClass("active");
    $($(this).attr("data-toggle-tab")).parent("td").find("a").addClass("active");
});

$(".next-link").click(function() {
    $(".nav-tabs tr td a").removeClass("active");
    $($(this).attr("data-toggle-tab")).parent("td").find("a").addClass("active");
});

谁能帮我用泛化来简化这个 jQuery？？？

Answer 1

/** Jquery 加载代码**/

$(".nav-tabs").find("a").click(function(){
    $(".nav-tabs").find("a").removeClass("active");
    $(this).addClass("active");
});