不要删除类点击

我有以下jQuery代码补充CSS创建的导航栏。目前，当按下单独的导航按钮时，代码将删除active类。不要删除类点击

我希望代码不能删除active类，并允许同时激活多个按钮。这如何实现？

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

上的jsfiddle全码：http://jsfiddle.net/KhyK7/

来源

2012-12-22 Andy Dwyer

其按预期工作......你要找的不正确，因为根据UI，它看起来是错误的。 –

可以一起使用toggleClass函数删除removeClass("active")：

Demo

旁注：如果您正在使用jQuery UI你也可以合作nsider的checkbox buttons

来源

2012-12-22 17:13:05 Horen

谢谢，完全按照需要工作！ –

您可以修改代码，像这样

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

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

来源

2012-12-22 17:17:29

只要做到这样： -

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

按照UI，你想要什么是错的。

参考LIVE DEMO

来源

2012-12-22 17:18:18

$(function(){ 
    $(".uibutton").click(function(e){ 
     e.preventDefault(); 
     if ($(this).hasClass('active')) { 
      $(this).removeClass("active"); 
     } else { 
      $(this).addClass('active'); 
     } 
    }); 
});

来源

2012-12-22 17:22:11 algorhythm

他说'不要删除活动班' –

您可以针对点击事件项目，只是添加的类别，容易...

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

来源

2012-12-22 17:31:32 Jai

不要删除类点击

回答

相关问题