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">W3C 首页链接</a>

在当前页面跳转到w3c

// 在新窗口, 打开页面document.getElementById('link').onclick = function(ev) {// 阻止浏览器默认动作 (页面跳转)ev.preventDefault();// 在新窗口打开页面window.open(this.href);};

假如没有e.preventDefault();那么运行完后，新窗口是w3c原先的窗口也会是w3c。

使用了e.preventDefault();原先页面的跳转行为会被取消。