使用jQuery-twitter靴帶按鈕添加/刪除類到錨標籤？

Question

我有一個單頁的網站。我的導航包含幾個由引導程序3引導的按鈕。

由於它是單個頁面，因此按鈕是定位標記。我希望能夠將.active類應用到已被單擊的最後一個錨標記。

這是我的HTML：

<a href="#home"> 
    <button type="button" class="btn btn-default btn-lg active"> 
    <span class="glyphicon glyphicon-home"></span> Home 
    </button> 
</a> 

<a href="#about"> 
    <button type="button" class="btn btn-default btn-lg"> 
    <span class="glyphicon glyphicon-user"></span> About 
    </button> 
</a> 

我的CSS：

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
border:none; 
background-color: #2C3E50; 
border-bottom: 1px solid #2C3E50; 
} 

Answer 1

嘗試......

$(function() { 
    $("a").on("click", function() { 
     $(".btn-default.active").removeClass("active"); 
     $(this).find(".btn-default").addClass("active"); 
    }); 
}); 

或...

$(function() { 
    $("a").on("click", function() { 
     $("a.active").removeClass("active"); 
     $(this).addClass("active"); 
    }); 
}); 

不知道是否應將活動類添加到鏈接或附帶的按鈕中，因此每個都有1個。

Answer 2

你可以使用jQuery addClass

$('a#buttonid').click(function(){ 
    $(this).addClass('active'); 
}); 

你會檢查，以確保它已經沒有這個類，並從其他按鈕清除活性類以及。