2013-01-23 122 views
2

我試圖說,如果我的div沒有活躍的類添加它。如果它確實讓課程活躍,請將其刪除。按jQuery順序添加和刪除類

伊夫以下,只有我的代碼添加類,然後繼續查詢並在結束中刪除,將最好的解決辦法是什麼,2 seperat點擊funcitons?

$('.work-showcase').click(function(){ 
    if (!$(this).hasClass('active')){ 
     $(this).addClass('active'); 
    } else { 
     $(this).removeClass('active'); 
    }; 
}); 
+0

我在你的問題中看到你想對'.work-showcase'點擊事件產生「切換」效果。 @VisioN answwer似乎對我來說是最好的。如果你想保持多個點擊活躍的類,你將需要兩個按鈕,並分開邏輯像@AbhijitPandya說 –

回答

7

使用toggleClass方法:

$(".work-showcase").click(function() { 
    $(this).toggleClass("active"); 
}) 
+0

然而,我添加類,當功能繼續它將去除它不是嗎? – Liam

+0

對不起,我不認爲我解釋清楚我的目標@vision,不適合更新問題 – Liam

+0

@Liam當前示例切換點擊事件的類。 – VisioN

0

$( 「#YourID」)removeClass( '類名'); $(「#YourID」)。addClass('ClassName');