當從不同的鏈接進入時，我在加載特定的標簽頁時遇到了問題。我實際上想做的是，使用引導選項卡放置一個內(nèi)容，我希望它們用作菜單，所以每當我從同一頁面甚至從不同的頁面單擊菜單時，我希望它轉(zhuǎn)到特定的頁面，并使特定的選項卡“活動”

這怎么可能，我在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>

我想聯(lián)系的是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嗎？？？

/**加載Jquery代碼**/

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

html菜單:

<!--SIDEBAR-->
<aside id="dx-sidebar">
    <ul>
        <li><a href="http://localhost/cms-dboxmint/app/reading"><i class="i i-desktop"></i>dashboard</a></li>
        <li><a href="http://localhost/cms-dboxmint/app/reading2"><i class="i i-list-alt"></i>GUI app</a></li>
        <li><a href=""><i class="i i-file-text"></i>posts</a></li>
        <li><a href=""><i class="i i-archive"></i>archive</a></li>
        <li><a href=""><i class="i i-book"></i>wiki</a></li>
        <li><a href=""><i class="i i-comments-o"></i>ngobrol</a></li>
        <li><a href=""><i class="i i-cogs"></i>setting</a></li>
    </ul>
</aside><!--END SIDEBAR-->

css樣式，(在bootstrap中你可以用active替換)，例如你可以訪問這里http://getbootstrap.com/examples/navbar/:

.activexx{
  color: red!important;
}

jquery腳本:

$(document).ready(function() {
    var currentPage = document.location.href.substr(0); //get current page url
    $("#dx-sidebar ul li a").each(function(num, val){
        if($(val).attr('href') == currentPage){
            $(val).addClass('activexx');
        }else{
            $(val).removeClass('activexx');
        }
    });
});