bootstrap （active類）切換

在一個按鈕組中，給一個按鈕賦予active類使其處于預設狀态，當點選其他按鈕時移除active類并賦予目前按鈕。

$(document).ready(function () {
$('#ball').click(function (e) {
e.preventDefault();
$('#ball').removeClass('active');
$(this).addClass('active');

});

});
           

我出現的錯誤是：沒有寫

$(document).ready（function（）{}）；
           

導緻單擊另一個按鈕後，前一個的不變。
           

e.preventDefault();是什麼？ 有什麼用 ？

阻止目前的預設動作。

示例

<a id="link" href="http://w3c.org" target="_blank" rel="external nofollow" >W3C 首頁連結</a>
           

在目前頁面跳轉到w3c

// 在新視窗, 打開頁面
document.getElementById('link').onclick = function(ev) {
	// 阻止浏覽器預設動作 (頁面跳轉)
	ev.preventDefault();
	// 在新視窗打開頁面
	window.open(this.href);
};
           

假如沒有e.preventDefault();那麼運作完後，新視窗是w3c原先的視窗也會是w3c。

使用了e.preventDefault();原先頁面的跳轉行為會被取消。