Question

我正在使用jQuery成功地在单击按钮时更改标记的背景图像。但是，更改不会设置为更改页面。我该如何设置？这是代码：

HTML：

body class =“blue”

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进行的更改在页面之间保持不变，则需要设置Cookie。我建议使用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');
        });

更改正文标记中的背景图像并保留整个站点

1 个答案: