jquery - 带有 .removeAttr 的多重选择器

Question

获得了粘性 header 的以下代码:

    $(function () {
        var navOffset = $(".topnav").offset().top;

        $(window).scroll(function () {
            var scrollPos = $(window).scrollTop();

            if (scrollPos >= navOffset) {
                $(".topnav").css({ "position": "fixed", "top": "0", "background-color": "#175e87", "width": "90%", "transition": "all 500ms", "border-bottom": "0px"});
                $(".menu1 li").css({ "color": "#c8c8c8" });
            }
            else {
                $(".topnav").removeAttr('style');
                $(".menu li").removeAttr('style');
            }
        });

如您所见，我添加了两个 css 样式，当菜单再次固定时，我希望它删除两个元素的存储 css。但是它只会删除第一个 Attr。基本上就是这样，我检查了我的选择器，它们似乎是正确的。

Answer 1

乍一看可能是因为你给 menu1 li 添加了样式

$(".menu1 li").css({ "color": "#c8c8c8" });

然后将其从菜单中移除

$(".menu li").removeAttr('style');

他们可能都需要是 $("menu1 li")