jQuery removeClass() 有时有效，但有时无效

Question

我正在尝试更多地了解 jQuery。我正在尝试从复选框中清除“活动”类。按钮组中有两个复选框。见以下代码：

<!--    MAIN BODY       -->
<div id="container">
    <div id="row">
        <div class="col-md-1">
            <div id="" class="btn-group" role="group" >
                <div class="btn-group" data-toggle="buttons">
                    <label class="btn btn-primary active" id = "clear" >
                    <input type="checkbox" id="cbclear" name="tool_option_myCanvas" data-tool="clear" data-toggle="tooltip" data-placement="bottom" title="title"> 
                    <span class="fa fa-undo"></span>
                    </label>
                    <label class="btn btn-primary" id = "btn2" >
                    <input type="checkbox" name="tool_option_myCanvas" data-tool="fg" data-toggle="tooltip" data-placement="bottom" title="title"> 
                    <span class="fa fa-eraser"></span>
                </label></div>
            </div>
        </div>
    </div>
</div>
<script>

(function($) {

    $("#btn2").click(function() {
        $("#clear").removeClass("active");
    });
    $('#clear').click(function() {
        $("#clear").removeClass("active");
}); 
})(jQuery);

如果我单击 btn2，它将删除类，“活动”，并按预期工作。如果我单击清除，则没有任何反应。

我尝试的另一件事是，当我将“清除”的点击处理程序替换为以下内容时：

    $('#clear').click(function() {
        $("#clear").removeClass("btn-primary active");
}); 

类“btn-primary active”已删除。那么为什么当我单击“清除”按钮时不能删除活动类呢？我的最终目标是在单击“活动”按钮时删除“活动”类。

Answer 1

我用过这个：Twitter Bootstrap: Remove/Toggle the active state of checkbox-like button group

    $('#clear').click(function(event) {
        event.stopImmediatePropagation();
        $("#clear").removeClass("active");
});