在身體標記中更改背景圖像並保留在整個網站中

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

你需要設置，如果你一個cookie希望通過JavaScript進行的更改能夠逐頁保持。我建議jQuery的cookie的插件設置和讀取Cookie：http://plugins.jquery.com/project/Cookie

您的代碼可能是這個樣子（速寫，所以可能沒有語法錯誤）：

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