jquery - ボタンとしてラベルに対してアクティブなブートストラップクラス-チェックボックスが機能しない

Question

html

<div class="btn-group" data-toggle="buttons-checkbox">
    <label class="btn" for="id_bar">
        <input type="checkbox" name="bar" value="1" id="id_bar" />
        Bar
    </label>
    <label class="btn" for="id_open">
        <input type="checkbox" name="open" value="1" id="id_open" />
        Open now
    </label>
</div>  

脚本

var searchForm = $('.main-search-form');
var labels = $(searchForm).find('label');
try {
    $(labels).on({
        click: function () {
            var item = $(this).children('input[type=checkbox]').parent();
            $(item).addClass('active');
            alert('test');
        }
    });
} catch (e) {
    alert(e);
}

疑い

私はtwitterブートストラップを使用しています。 ラベルをクリックすると、明らかにテストテキストがアラートとしてポップアップ表示されます。その間、ラベルにはクラスがアクティブになっていますが、アラートボックスを閉じるとすぐに、ラベルクラスのアクティブが消えます。

Answer 1

私はそれを理解しました、

<div class="btn-group" data-toggle="buttons-checkbox">

属性data-toggleを削除したところ、すべて正常になりました

しかし、toggleClassメソッドは機能していません。