Javascript Don'；不要一单击就删除类

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

活动

类

我希望代码不要删除

active

类，并允许一次激活多个按钮。如何做到这一点

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

JSFIDLE上的完整代码：

您可以将该函数与删除

removeClass（“活动”）

一起使用：

<>强>边注释：< /强>如果你使用jQuery UI，你也可以考虑

你可以使用这个函数连同移除<代码> ReaveCuCases（“Active”）< /C> >：

---

<强>边注：如果你使用jQuery UI，你也可以考虑

你可以修改你的代码，像这样的

$(function(){
  $(".uibutton").click(function(e){
    e.preventDefault();
    var button = $(this);

    button.toggleClass("active");
  });
});

---

您可以这样修改代码

$(function(){
  $(".uibutton").click(function(e){
    e.preventDefault();
    var button = $(this);

    button.toggleClass("active");
  });
});

这样做吧：-

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

根据用户界面，您想要的是错误的

参考

只需这样做：-

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

根据用户界面，您想要的是错误的

---

请参阅

您可以将单击的事件项作为目标，只需添加类，轻松

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

---

您可以针对单击的事件项，只需添加类，简单

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

---

它的工作如预期。。。你所看到的是不正确的，因为根据用户界面，它看起来是错误的。它的工作如预期。。。你所看到的是不正确的，因为根据UI它看起来是错误的。他说“不要删除活动类”，他说“不要删除活动类”