Question

我一直在努力寻找一种方法来使用cookie来保存通过在我的网站上切换所做的更改，但我无法理解我的问题。请帮助我，我只是jQuery和cookies的新手。

<script>
$(document).ready(function(){
   $("#switch").click(function(){
     $("body").toggleClass("main");
  });
});
</script>

Answer 1

您需要https://github.com/carhartl/jquery-cookie来管理您的Cookie。非常简单有效。你只需要修改你的脚本：

$(document).ready(function(){
  $("#switch").click(function(){
    $("body").toggleClass("main");
    $.cookie('your_cookie_name', 'your_cookie_value');
  });
});

祝你好运。

Answer 2

加载jQuery cookie插件，如Flo的回答中所述。然后你可以用以下方式保存状态：

$(document).ready(function(){
    $("#switch").click(function(){
        $("body").toggleClass("main");
        $.cookie("main", $("body").hasClass("main"));
    });
});

您可以稍后通过以下方式获取Cookie的值：

var main_set = $.cookie("main");

在jQuery“toggleClass”上使用cookie

2 个答案: