[jQuery]jQuery Cookie plugin을 이용해서 모바일 페이지로 이동 여부 쿠키저장 예제
♨ 카랜더 일정 :
컨텐츠 정보
- 15,210 조회
본문
Shims HomePage
[https://11q.kr 홈피]
.
[jQuery]jQuery Cookie plugin을 이용해서 모바일 페이지로 이동 여부 쿠키저장 예제
\r\n
- \r\n
- http://archive.plugins.jquery.com/project/Cookie[14]\r\n
- https://github.com/carhartl/jquery-cookie[13]
쿠키를 아주 손쉽게 이용할 수 있게 해주는 jQuery Cookie 플러그인 입니다.
\r\n간단하게 사용방법을 말씀드리자면
\r\n$.cookie('the_cookie', 'the_value'); // 키값, 쿠키값
\r\n위와 같은 코드 한줄로 간단하게 쿠기를 쓸 수 있습니다.
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); // 키값, 쿠키값, 옵션
\r\n쿠키 값 호출은 $.cookie('the_cookie'); 요렇게 하면 됩니다.
\r\n아주 간단하죠!!!
자, 간단히 사용법을 알아보았으므로 이제 제목에 말씀드렸다시피 모바일 기기로 접속했을 때 모바일 페이지로 이동할건지 아니면 그냥 pc페이지로 이동할건지 여부를 물어서 쿠키값에 저장시키는 예제를 만들어보겠습니다.
\r\n우선 코드부터 보여드리면
\r\n| \r\n if ($.cookie('vzm_move')==null) |
위와 같습니다 ^-^
\r\n이제 위 코드를 한번 뜯어봅시다 -_-;; 전부 뜯을필욘 없고 쿠키관련만 봅시다 ㅎㅎ
\r\n var conf = confirm('모바일기기로 접속하셨습니다. 모바일 페이지로 이동하시겠습니까?');
if (conf==true)
{
location.href = "<?=$g4['m_path']?>/";
break;
} else {
// set 쿠키
$.cookie('vzm_move', 'false', { expires: 1 });
return false;
}
이동 안한다고 하면 PC페이지로 그냥 보여주면 되니까 이 때 쿠키에 false 값을 저장시킵니다.
\r\n옵션의 expires: 1 이건 날짜 설정 입니다. 숫자는 day를 뜻합니다. 1이면 하루 이겠죠 ^-^
\r\nif ($.cookie('vzm_move')==null)
\r\n저장된 쿠키값이 없으면 모바일기기인지 다시 체크해서 confirm 날려주면 되니까 위 처럼 if로 쿠키값의 값이 있는지 체크하면 되겠죠?
\r\n
※ 로그인 하시면 원본파일을 볼 수 있습니다. ※
뷰PDF 1,2
office view
관련자료
댓글목록
등록된 댓글이 없습니다.