调用CSS类而不是使用JQuery(.css())插入Attribute

Question

我正在使用JQuery构建一个固定的头

目前一切正常,但不是将属性设置为类,而是想直接从css中调用它们.我对这种方法不太熟悉.

其中一个例子如下;

#header-main {
  background-color: #ffffff;
  min-height: 107px;
  color: #8c8c8c;
}
#header-main .sabit{
position : fixed;
width: 100%;
z-index: 98;
padding-top: 35px;
border-bottom: 3px ridge #7BBD42;
}

我是怎么做的; (工作)

var menu = $('#header-main');
if (...)
    menu.css('position','fixed').css('width','100%').css('z-index','98').css('padding-top','35px').css('border-bottom','3px ridge #7BBD42');
else
    menu.removeAttr('style'); //Back to normal

我正在做什么来实现我想要的; (不工作)

var menu = $('#header-main');
if(...)
    menu.addClass("sabit");
else
    menu.removeClass("sabit"); //Back to normal

我也试过menu.addClass(".sabit");,menu.addClass("#header-main .sabit");但没有一个工作.

我使用JQuery直接添加css类的错误是什么？

Answer 1

它不起作用,因为你的CSS 之间#header-main和之间有一个空格.sabit,这意味着你的CSS试图设计.sabit 后代的样式,#header-main而不是#header-main元素本身.

更改:

#header-main .sabit

至:

#header-main.sabit