Question

我正在换宽度计。我使用jQuery，但我有一个问题。这个想法是当用户点击按钮时，宽度会立即改变。我想将用户的选择保存在Cookie中，但我不知道自己该怎么做。

当前的jQuery代码：

$(function()
{
  $(".width-changer").on("click", function(e)
  {
    $(".wrapper").toggleClass("custom-width");
  });
});

我将此插件用于cookie：

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.3.1/jquery.cookie.js"></script>

它在我的index.html。

包装类是我的全局宽度。

Answer 1

这是我在i.explorer＆amp; amp; Firefox，对于chrome我认为你应该启用cookie：

$(function()
{
    if ($.cookie('custom_width')=='true') { //add true to this condition
        $(".wrapper").addClass("custom-width");
    };

  $(".width-changer").on("click", function(e)
  {
    $(".wrapper").toggleClass("custom-width");

    if($(".wrapper").hasClass("custom-width"))
        $.cookie('custom_width', 'true');
    else
        $.cookie('custom_width', 'false');

  });
});

希望此解决方案能为您提供帮助。

Answer 2

我认为这是相同的：

https://github.com/carhartl/jquery-cookie

两种方法都没有测试过：

$(".width-changer").on("click", function (e) {
    var control = $(".wrapper");
    control.toggleClass("custom-width");
    if (control.hasClass("custom-width")) {
        $.cookie('WidthOption', 'custom-width');
    }
    else {
        $.cookie('WidthOption', '');
    }
});

OR

 $(".width-changer").on("click", function (e) {
        var control = $(".wrapper");
        control.toggleClass("custom-width");

        $.cookie('WidthOption', control.width());
    });

检索cookie值：

    $.cookie('WidthOption');

Answer 3

您可以使用本地存储 localStorage

如何将自定义宽度保存到cookie？

3 个答案: