javascript : 자바 스크립트 효과 상태 유지

Question

신참 여기에 있습니다. 나는 기본 자바 스크립트를 사용하여 CSS를 열거 나 체크 박스를 클릭하거나 클릭을 해제하여 div를 닫습니다.

function toggleMenu (divId, box) { 
    var vis = (box.checked) ? "block" : "none"; 

    document.getElementById(divId).style.display = vis; 
} 

어떻게 자바 스크립트 효과의 상태를 유지합니까? 지금 당장 div를 열려면 체크 상자를 클릭하고 페이지를 새로 고치거나 뒤로 당기면 페이지는 체크 박스로로드되지만 div는 닫힙니다.

미리 감사드립니다.

Answer 1

쿠키를 추가 할 수 있도록 JQuery와 같은 JS 프레임 워크 하드 물건을 할 것입니다. 이것을 확인하십시오 : http://www.w3schools.com/JS/js_cookies.asp

- 사용자가 메뉴를 선택/선택 취소하면 쿠키를 생성/변경할 수 있습니다. toggleMenu가 호출되는 경우

get_cookie ("menu_open"); 

Answer 2

가장 간단한 방법은 toggleMenu()에 페이지 끝에 추가하는 것입니다.

정확한 방법은 body.onLoad 처리기에 추가하는 것입니다.

가장 좋은 방법은 당신이 단지 (내 생각에) 이렇게하는 가장 좋은 방법이 될 것입니다

$(document).ready(function() { 
    toggleMenu() 
}); 

Answer 3

는 상태를 저장하기 위해 쿠키를 사용합니다

document.cookie = "menu_open=yes"; 

는 onLoad 이벤트가 menu_open 변수에 대한 자신의 쿠키를 확인하게한다. 페이지로드/새로 고침시 쿠키를 확인하여 토글 상태를 수정하려면 onload 함수를 등록하십시오.