javascript - 不要在点击时删除类(class)

Question

我有以下 jQuery 代码，它补充了 CSS 创建的导航栏。目前，当按下单独的导航按钮时，代码会删除 active 类。

我希望代码不删除 active 类，并允许多个按钮同时处于事件状态。如何实现？

$(function(){
  $(".uibutton").click(function(e){
    e.preventDefault();
    $(".uibutton").addClass("active").not(this).removeClass("active");
  });
});​

jsFiddle 上的完整代码: http://jsfiddle.net/KhyK7/

Answer 1

您可以使用 toggleClass与删除一起运行 removeClass("active"):

Demo

旁注:如果您使用的是 jQuery UI，您还可以考虑 checkbox buttons