이 코드에 쿠키를 어떻게 추가 할 수 있습니까?

Question

좋아, 그래서이 링크를 클릭하면 다른 콘텐츠 상자를 표시하려면 특정 영역을 조작하는이 코드가 있습니다. 나는 한 페이지에서 다음 페이지로 보여주는 선택된 콘텐트를 유지할 수있는 쿠키를 추가 할 수 있기를 원한다.

/* code written by kismet of RPG-Directory.com */ 
$(function() { 
    function selectTab(tab) { 
     var i = 1; 
     while ($('#tab' + i).length) { 
      if (tab.attr('id') !== 'tab' + i) { 
       $('#tab' + i).removeClass('highlight'); 
       $('#tab' + i + '-content').hide(); 
      } 
      else { 
       tab.addClass('highlight'); 
       $('#tab' + i + '-content').show(); 
      } 
      i++; 
     } 
    } 

    $('#tab1').addClass('highlight'); 
    $('.clickable').each(function() { 
     $(this).click(function() { 
      selectTab($(this)); 
     }); 
    }); 
}); 

나는 외부 파일을 사용하는 것이 가장 좋음을 알고 있습니다. 원래 코드가 내 것이 아니라는 사실이 문제가되지 않기를 바랍니다.

Answer 1

, 쿠키 대신 localStorage 사용을 고려할 수 있습니다. 함께 작업하는 것이 훨씬 쉽습니다.

localStorage.currentTab = i; 

i = localStorage.currentTab; 

Answer 2

쿠키는 https://github.com/carhartl/jquery-cookie 라이브러리를 통해 jquery로 설정할 수 있습니다.

Answer 3

간단한 :

document.cookie = encodeURI("helloworld") + "=" + encodeURI("from console"); 

당신은 또한 다음과 같이이 작업을 수행 할 수 있습니다 당신은 IE7을 지원해야하지 않는 한

document.cookie = "hello=world"