jQuery : jQuery cookie 제어 (오늘하루 레이어 띄우지 않기)
메인페이지 접속 시 레이어를 하나 띄우는데 거기에 '오늘하루 열지않기' 기능을 넣어달라고 한다.
평소 같았으면 개발자에게 기능구현해 달라고 넘겼겠지만 오늘은 직접 해결해보기로 하고
검색해보았더니 역시나 코쟁이들이 쉽게 쿠키를 사용할 수 있도록 구현해 놓은 라이브러리가 있었다.
jquery.cookie.js위 jquery.cookie.js파일을 다운받은 뒤,
위와 같이 jquery파일을 로드한 다음 jquery.cookie.js파일을 로드해준다.
쿠키를 생성하는 방법은,
$.cookie('popup','hidden');
'popup'은 쿠키 이름, 'hidden'은 값이라고 생각하면 된다.
쿠키를 불러오는 방법은,
$.cookie('popup');
위와 같이 로드하면 되고, 위의 값은 'hidden'이다.
쿠키를 삭제하는 방법은,
$.cookie('popup', null);
위와같이 작성하면 'popup'이란 이름의 쿠키가 삭제된다.
여러가지 옵션이 있는데 내가 이번에 사용한 옵션은 단 한가지이다.
'오늘하루 보지않기' 버튼을 클릭 시
$.cookie('popup', 'hidden', {expires : 1});
expires옵션은 만료일을 의미한다. 숫자 1은 day기준이다.
hidden의 값을 가지고 있는 popup쿠키를 생성한 뒤, 1일동안 유지한다.
다음 페이지 로드 시에 쿠키를 불러 쿠키가 존재하면 레이어를 숨기고 존재하지 않으면 레이어팝업을 띄워준다.
$(document).ready(function(){
if($.cookie('popup') == 'hidden'){
$('.layerPop').hide();
}else{
$('.layerPop').show();
}
});
쿠키는 처음 다뤄보는 것이기때문에 그저 참고만 하시길..
추가적인 옵션인 아래 사이트에서 확인 가능하다.
https://github.com/carhartl/jquery-cookie