Jquery $.cookie 이용법

2015. 3. 24. 16:21IT/Jquery Plugin/Tip

Jquery $.cookie 

플러인 다운 : https://github.com/carhartl/jquery-cookie


쿠키값 설정 및 셋팅
- $.cookie('right_quick', 'close', { expires: 1, path: '/', domain: '<?=$_SERVER[HTTP_HOST]?>', secure: false });

옵션은 차례대로
만료일, path 지정, 도메인, https 설정시 사용?


쿠키값 불러오기 
- $.cookie("right_quick")

쿠키값 초기화
$.removeCookie('right_quick');
- $.removeCookie('right_quick', {path: '/' }); (옵션으로  path 지정시 null 처리시에도 똑같이 path옵션줘야함)
$.cookie('right_quick', 'open', { expires: -1}); ( 만료일 -1로 변경)


$(document).ready(function(){
$(".close").click(function(){
$("#right").css("display","none");
$("#right2").css("display","block");
$.cookie('right_quick', 'close', { expires: 1, path: '/', domain: '<?=$_SERVER[HTTP_HOST]?>', secure: false });
});

$("#right2").click(function(){
$.cookie('right_quick', 'open', { expires: 1, path: '/', domain: '<?=$_SERVER[HTTP_HOST]?>', secure: false });
$("#right2").css("display","none");
$("#right").css("display","block");
});
if($.cookie("right_quick") == "close"){
$("#right").css("display","none");
$("#right2").css("display","block");
}else{
$("#right").css("display","block");
$("#right2").css("display","none");
}

$().UItoTop({ easingType: 'easeOutQuart' });
});