쿠키를 아주 손쉽게 이용할 수 있게 해주는 jQuery Cookie 플러그인 입니다.

간단하게 사용방법을 말씀드리자면

$.cookie('the_cookie', 'the_value'); // 키값, 쿠키값

위와 같은 코드 한줄로 간단하게 쿠기를 쓸 수 있습니다.

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); // 키값, 쿠키값, 옵션

쿠키 값 호출은 $.cookie('the_cookie'); 요렇게 하면 됩니다.

아주 간단하죠!!!

자, 간단히 사용법을 알아보았으므로 이제 제목에 말씀드렸다시피 모바일 기기로 접속했을 때 모바일 페이지로 이동할건지 아니면 그냥 pc페이지로 이동할건지 여부를 물어서 쿠키값에 저장시키는 예제를 만들어보겠습니다.

우선 코드부터 보여드리면

위와 같습니다 ^-^

이제 위 코드를 한번 뜯어봅시다 -_-;; 전부 뜯을필욘 없고 쿠키관련만 봅시다 ㅎㅎ

                var conf = confirm('모바일기기로 접속하셨습니다. 모바일 페이지로 이동하시겠습니까?');
                if (conf==true)
                {
                    location.href = "<?=$g4['m_path']?>/";
                    break;
                } else {
                    // set 쿠키
                    $.cookie('vzm_move', 'false', { expires: 1 });
                    return false;
                }

이동 안한다고 하면 PC페이지로 그냥 보여주면 되니까 이 때 쿠키에 false 값을 저장시킵니다.

옵션의 expires: 1 이건 날짜 설정 입니다. 숫자는 day를 뜻합니다. 1이면 하루 이겠죠 ^-^

    if ($.cookie('vzm_move')==null)

저장된 쿠키값이 없으면 모바일기기인지 다시 체크해서 confirm 날려주면 되니까 위 처럼 if로 쿠키값의 값이 있는지 체크하면 되겠죠?