在 div 单击 jQuery 时移除 show/hide 中的悬停

Question

我的网站上有脚本：

$(document).ready(function(){
    $("#browse").click(function(){
        $("#navbar-secondary").show();
        $("#navbar-secondary").addClass('animated fadeIn');
    });
});

当我点击 div id="browse" 它有 :hover/:focus css 风格，我想在点击后删除它。

我该怎么办？

此致！

Answer 1

您可以使用 removeClass

$("#browse").click(function(){    
            $("#navbar-secondary").show();
            $("#navbar-secondary").addClass('animated fadeIn');
            $(this).removeClass("yourHoverClassName");
        });

Answer 2

没有代码很难回答，但是你是在 hover/focus 上添加 class 吗？还是您要删除的浏览器伪 class 焦点？

所以，在您的 css 中，您有 element:focus {}，这就是您遇到问题的原因？

如果是这样，您可以使用模糊，或者删除 class（如果按照上面的建议添加的话）。

在 div 单击 jQuery 时移除 show/hide 中的悬停

Remove hover in show/hide with jQuery on div click

css

jquery

onclick

show