toggleClass没有反应

Question

我有一个我似乎无法开始工作的切换类功能：

    $(function () {
        $(".choices").click(function () {
            $(this).toggleClass('active');
        })
    });

CSS：

.choices {
    width: 50px;
    height: 20px;
    background-color: rgb(200, 200, 200);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: auto;
    -moz-box-shadow: inset 0 8px 8px -8px #696868;
    -webkit-box-shadow: inset 0 8px 8px -8px #696868;
    box-shadow: inset 0 8px 8px -8px #696868;
    align-content:center;
}
.choices.active {
    width: 50px;
    height: 20px;
    background-color: rgb(200, 200, 200);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: auto;
}

我之前使用完全相同的属性完成了它。我不知道它是否因为div里面包含一个svg。尝试删除SVG，但根本没有运气。