我有多个按钮,通过
jquery切换脚本获得活动的css样式.但是我想一次只有一个按钮.但是,当我重新点击一个活动按钮时,它必须变得不活跃.
$(document).ready(function(){
$('.button').click(function() {
$(this).toggleClass('buttonactive');
});
});
基本上我需要添加一行说：
$(除此之外的所有.button).removeClass(‘buttonactive’);
我不知道怎么回事.有人能帮我吗？
这是一个有问题的JSFIDDLE：http://jsfiddle.net/nV5Tu/3/
@R_502_323@@H_404_13@
你可以这样做,使用
.toggleClass()切换当前元素..然后使用
.not()过滤掉当前元素从删除类
$('.button').click(function() {
$('.button').not(this).removeClass('buttonactive'); // remove buttonactive from the others
$(this).toggleClass('buttonactive'); // toggle current clicked element
});
$('.button').click(function() {
$('.button').not(this).removeClass('buttonactive'); // remove buttonactive from the others
$(this).toggleClass('buttonactive'); // toggle current clicked element
});
