javascript - 保持 CSS 元素活跃

Question

我需要一个按钮在单击后保持事件状态(不透明度已更改)。我怎样才能使用 CSS 做到这一点？我已经尝试了 :active 和 :enabled 类，但它们不起作用。

感谢可行的解决方案。

如果在 CSS 中做不到，有人可以帮我在 jquery 中做那个开关吗？

Answer 1

我认为使用纯 CSS 是不可能的。

这是一个使用 jQuery 和 CSS 的例子:http://jsfiddle.net/hrPcU/

$('#btn').on('click', function(e){
    //Toggle:
    $(this).toggleClass('active');
    //Activate just once:
    //$(this).addClass('active');
});​

---

编辑(->评论):

如果您想在单击按钮外的任意位置时切换回类，请尝试如下操作:http://jsfiddle.net/hrPcU/1/

$(document).on('click', function(e){
    //Check if the event was fired from the button
    if($(e.target).attr('id') != 'btn'){
        $('#btn').removeClass('active');
    }else{
        $('#btn').toggleClass('active');  
    }
});