Boostrap 3 활성 상태 버튼. 총 활성 버튼은 어떻게 얻습니까?

Question

페이지에는 많은 버튼 활성 상태가 있습니다. 이벤트에 클릭하고 얼마나 많은 버튼이 활성 상태인지 확인합니다. 그러나 처음 버튼을 클릭하면 0이됩니다.

$(".btn-quote").on("click", function (e) { 
    var totalActiveQuote= $(".btn-quote.active").length; 

    if (totalActiveQuote > 0) { 
     console.log("active"); 
    } else { 
     console.log("deactive"); 
    } 
}); 

이 문제를 해결하려면 어떻게해야합니까?

jsfiddle.net

https://jsfiddle.net/haqkbvbh/

Answer 1

이는 active 클래스는 onClick 이벤트가 발생 후 전환되어 있기 때문에 . 당신이 스스로 그것을 토글로 해결할 수 있습니다.

$(document).ready(function(){ 
    $(".btn-quote").on("mouseup", function (e) { 
    $(this).toggleClass("myActive"); 
    var totalActiveQiote = $(".btn-quote.myActive").length; 
    $("#totalActive").html(totalActiveQiote); 
    }); 
}); 

Answer 2

당신은 예를 들어 이것을 피할 수 :

$(document).ready(function(){ 
$(".btn-quote").on("click", function (e) { 
     $(this).toggleClass("active"); 
     var totalActiveQiote = $(".active").length; 

     $("#totalActive").html(totalActiveQiote); 
    }); 
}); 

https://jsfiddle.net/zpqcac1h/