다른 요소에 클래스가있는 경우 요소의 위치를 ​​변경하십시오.

Question

저는 JS noob이고 내 머리글에 position: fixed;을 적용하려하지만 내 모바일 메뉴가 닫혀있는 경우에만 적용됩니다 (따라서 클래스에 "닫힘"이 적용됨). 그것).

여기까지 왔지만 작동하지 않습니다. 그것에 대한 어떤 생각? 미리 감사드립니다!

$(document).ready(function() { 
    if ($(".mobile_nav").hasClass("closed")) { 
    $("#main-header").css({ 
     'position':'fixed', 
     'top': '0', 
     'right': '0' 
    }); 
    } 
}); 

Answer 1

나는 CSS 클래스를 사용하여 그것을 할 것 ...

.main-header-when-mobilemenu-expanded{ 
    position:fixed; 
    top: 0; 
    right: 0; 
} 

및 jQuery를은 다음과 같습니다

$(document).ready(function() { 
    if ($(".mobile_nav").hasClass("closed")) { 
    $("#main-header").addClass("main-header-when-mobilemenu-expanded"); 
    } 

    $(".mobile_menu_bar_toggle").on("click",function(){ 
    $("#main-header").toggleClass("main-header-when-mobilemenu-expanded"); 
    }); 

}); 

당신은 짧은 클래스 이름을 사용할 수 있습니다)
이를 여기서 분명히 밝혀 질 것입니다.