本文タグ内の背景イメージを変更してサイト全体に残す

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

は、あなたがあなたであれば、クッキーを設定する必要がありますJavaScriptを介して行われた変更をページ間で維持したい。保つために

//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'); 
     });