2013-11-29 3 views
0

나는 어떤 종류의 스위치를 만들려고합니다. 전환 될 때 특정 div의 클래스를 토글하는 라디오 버튼입니다. 적어도 그 아이디어는 중요합니다. jQuery를 사용하여 쉽게이 작업을 수행 할 수 있지만 문제는 새로 고침 후에도 그대로 유지하는 것입니다. 예를 들어 ... 스위치를 전환하면 모두 .post에서 .filter을 제거합니다. 새로 고침 후 스위치를 그대로 유지하고 싶습니다. jQuery 만 사용하고 백엔드에 액세스하지 않고도이 작업을 수행 할 수있는 방법이 있습니까? https://github.com/carhartl/jquery-cookiejQuery를 사용하여 쿠키 저장

라디오 버튼이 토글

저장 쿠키 :

+2

모습을 .com/carhartl/jquery-cookie –

+0

javascript를 사용하여 쿠키를 설정하지 않는 이유는 무엇입니까? – Ani

답변

1

처럼 Arun P Johny는 jquery 쿠키를 사용할 수 있다고했지만이 목적을 위해 플러그인을 사용하는 것은 그리 유용하지 않습니다.

당신이 단지 jQuery를 원하는 알고 있지만, 자바 스크립트 구현은 매우 간단합니다, 그래서 (세션 쿠키) 어쨌든 당신을 보여 드리죠 : // GitHub의 : HTTPS와 같은 플러그인에서

$("#button").click(function(){ 
    document.cookie = "toggled=yes"; 
}); 

if (document.cookie.indexOf("toggled") >= 0){ 
    $(".post").removeClass(".filter"); 
} 
+0

그래, 실제로 플러그인을 사용하지 않기를 원하기 때문에이 대답을 받아 들일 것입니다. 나는 당신이 무엇을 의미하는지 확신 할 수 없지만 당신의 대답은 바닐라 js가 아닌 제게 예쁜 jQuery를 보입니다. 어쨌든 그것을 주셔서 감사합니다! 관련 메모에 미안 쿠키에 익숙하지 않아 도메인의 다른 부분에서 작동합니까? 예를 들어 사용자가 'example.com'에서 스위치를 토글 한 경우 'example.com/somepage'에서 쿠키를 사용할 수 있습니까? – user3047675

+0

예 코스가 모든 도메인에서 작동하는 경우 :) 먼저 버튼을 클릭 할 때 토글 된 쿠키를 만들고 쿠키가 있는지 확인한 후 클래스를 제거합니다. :) –

0

내가이 jQuery 플러그인 사랑

$.cookie('COOKIE_NAME', option_to_save , { expires: 365, path: '/' }); 

을 그리고 DOM 준비, 다음 특정 된 div 초기화하기 전에 쿠키를 얻을 :

var option = $.cookie('COOKIE_NAME')