使用jQuery按下后如何保持按钮处于活动状态

Question

我看到一些非常相似的问题浮出水面,但未能找到我正在寻找的答案.我已经确定了解决方法,但想知道执行任务的正确方法.

我想要的是单击按钮并使活动状态保持持久.下一次单击将切换状态,这是所需的.我真正需要知道的是如何解决uiButton:活跃状态.

HTML:

<input type='button' class='uiButton' id='testbutton' value='testValue'>

CSS:

.uiButton{
    background-color: red;
}

.uiButton:active{
    background-color:blue;
}

使用Javascript/jQuery的:

$('.uiButton').click(function() {
    $(this).toggleClass(//active state);
});

Answer 1

您应该创建一个活动的类

CSS

.uiButton:active, .active {
    background-color:blue;
}

JS

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