javascript - 如何在使用 jQuery 按下后保持按钮处于事件状态

Question

我见过一些非常相似的问题，但一直找不到我正在寻找的答案。我已经确定了一个解决方法，但想知道执行任务的正确方法。

我想要的是单击按钮并使事件状态保持不变。下一次单击将切换状态，这是所需的。我真正需要知道的是如何处理 uiButton:active 状态。

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");
});