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

没有代码可以看到这很难回答，但是你是否在悬停/焦点上添加了一个类？或者它是您要删除的浏览器伪类焦点？

那么，在你的css中你有元素：focus {}并且那会导致你的问题吗？

如果是这样，您可以使用模糊，或者如果按照上面的建议添加一个类，则删除该类。

在div点击时使用jQuery删除显示/隐藏中的鼠标悬停

2 个答案: