css - Android webview ':active' 在元素处于事件状态时隐藏时保持打开状态

Question

我正在为 Android 构建一个 html 应用程序，我遇到了 :active css 规则的问题。它像它应该的那样工作但是当我隐藏一个':active'的元素时。国家永远不会被解雇。

例如:我有一个带有此 css 的按钮:

.button:active { background-color:rgba(0,0,0,0.5); }

和这个 javascript:

$(".button").on("click",function(evt){ 
    $(evt.originalEvent.target).css("display","none"); 
});

当我点击按钮时，它是隐藏的。但是当我取消隐藏它时，它仍然会应用 .button:active css 规则。

帮忙吗？

Answer 1

尝试以下操作

$(".button").on("click",function(evt){ 
    $(evt.originalEvent.target).removeClass("active");/*Or whatever your class name is**/
    $(evt.originalEvent.target).css("display","none"); 
});