2016-10-15 2 views
1

항목 버튼을 클릭하면 목록에 항목이 숨겨져있는 웹 페이지가 있습니다 (클래스 hidden 추가) ... 이제 웹 사이트에서 다른 페이지로 이동 한 다음 뒤로 버튼을 누릅니다. 브라우저의 이전에 숨겨진 항목이 다시 목록에 표시됩니다. jquery을 사용하여 요소를 영구적으로 숨길 수있는 방법은 무엇입니까? 어떤 도움을 주시면 감사하겠습니다.다시 버튼을 누르면 페이지에 숨겨진 div가 다시 표시됩니다.

+0

리디렉션하면 모든 javascript 및 변경 내용이 손실됩니다. 기간은 – adeneo

+0

입니다. 영구적으로 유지할 수있는 방법이 있습니까? 'localStorage'를 사용하여이를 수행 할 수 있지만 더 나은 것을 찾고 있습니다. 솔루션 : –

+0

쿠키 나 서버 측에 상태를 저장하는 것과 같은 더 좋은 솔루션은 없습니다. – adeneo

답변

1

문제는 "상태가 숨겨진 사실을 결정하는 것은 무엇입니까?"라고 스스로에게 묻는 것이 문제입니다. 이렇게하면 질문에 매우 깊이 대답하는 방법에 영향을 미치며 페이지에 사용자 구성 상태가있는 경우 상태를 저장하고 페이지 초기화시 복원해야합니다. URL 또는 localStorage의 "#hash"부분에 상태를 저장할 수 있습니다. 일반적으로

, 당신은 여전히 ​​같은 것을 할 수 있습니다

function user_action_that_hides_the_div() { 
    $div.hide(); 
    localStorage.setItem("that-div-was-hidden", true); 
} 

// on page init: 
if (localStorage.getItem("that-div-was-hidden")) 
    $div.hide(); 

또 다른 해결책은 항상 사업부를 숨기고 필요한 경우에만 SHOW (그리고 당신은 당신이 원하는 여부 JS 수준에서 결정해야 할 수 해당 정보 표시

관련 문제