bootstrap (active类)切换

在一个按钮组中,给一个按钮赋予active类使其处于默认状态,当点击其他按钮时移除active类并赋予当前按钮。

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

});

});

我出现的错误是:没有写
$(document).ready(function(){});
导致单击另一个按钮后,前一个的不变。



e.preventDefault();是什么? 有什么用 ?

阻止当前的默认动作。

示例

W3C 首页链接
在当前页面跳转到w3c

// 在新窗口, 打开页面
document.getElementById('link').onclick = function(ev) {
	// 阻止浏览器默认动作 (页面跳转)
	ev.preventDefault();
	// 在新窗口打开页面
	window.open(this.href);
};
假如没有e.preventDefault();那么运行完后,新窗口是w3c原先的窗口也会是w3c。

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







你可能感兴趣的:(bootstrap (active类)切换)