바디 태그의 배경 이미지 변경 및 전체 사이트 유지

Question

버튼을 클릭 할 때 태그의 배경 이미지를 변경하려면 jQuery를 사용하고 있습니다. 그러나 변경은 페이지 변경시 유지되도록 설정되지 않습니다. ?

HTML : 나는 그것을 설정하는 것이 어떻게 여기에 코드입니다

몸 클래스 =

jQuery를 "파란색"

$("#triangle").click(function(){ 
    $("body").removeClass('green , pink , red').addClass("green"); 
    $('li#circle').removeClass('selected'); 
    $('li#x').removeClass('selected'); 
    $('li#square').removeClass('selected'); 
    $('li#triangle').addClass('selected'); 
}); 
$("#circle").click(function(){ 
    $("body").removeClass('blue , green , pink').addClass("red"); 
    $('li#triangle').removeClass('selected'); 
    $('li#x').removeClass('selected'); 
    $('li#square').removeClass('selected'); 
    $('li#circle').addClass('selected'); 
}); 

$("#x").click(function(){ 
    $("body").removeClass('red , green , pink').addClass("blue"); 
    $('li#triangle').removeClass('selected'); 
    $('li#circle').removeClass('selected'); 
    $('li#square').removeClass('selected'); 
    $('li#x').addClass('selected'); 
}); 

$("#square").click(function(){ 
    $("body").removeClass('blue , green , red').addClass("pink"); 
    $('li#triangle').removeClass('selected'); 
    $('li#circle').removeClass('selected'); 
    $('li#x').removeClass('selected'); 
    $('li#square').addClass('selected'); 
}); 

Answer 1

당신은 당신이 경우 쿠키를 설정해야합니다 자바 스크립트를 통해 변경된 내용이 페이지마다 유지되도록하십시오. 을 유지하기 위해

//On Window Load 
     if ($.cookie('bodyclass')) { 
      var bodyClass = $.cookie('bodyclass'); 
      $('body').addClass(bodyClass); 
     } 

     //On element click, set your body class 
     //eg: 
     $('#square')click(function(){ 
     $.cookie('bodyclass','pink'); 
     });