不要刪除類點擊

我有以下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

不要刪除類點擊

回答

相關問題