javascript - 在 PHP 中向 Body 添加一个类并将其保存在一个 session 中

Question

我一直试图自己解决这个问题，但我似乎无法解决它。

我正在客户端站点上构建一个辅助功能部分，我有两个按钮，这些按钮向正文添加了一个类，一个是 font-size 另一个是 灰度.

我需要这些类保留在主体上，直到再次单击以将其删除，因为用户不希望必须不断单击按钮才能看到该网站。

我想用 session 或 cookie 存储这些类，但阅读了一些资料后发现， session 仍然存储 cookie，所以无论哪个都是最佳选择。

我在网站上使用 wordpress，所以如果有什么我可以明智地使用的功能，那将很有用!

谁能帮帮我？

Answer 1

如果你想使用 localStorage，你可以使用这段代码。

// Check if localStorage is supported
if ('localStorage' in window && typeof localStorage == 'object') {
  $(document).ready(function() {
    // Set the class if greyscale is set
    // Note that localStorage saves everything as strings
    if (localStorage["greyscale"] == "1") {
      $('body').addClass('greyscale');
    }
    // Register click listener for the button
    $('#button').click(function() {
      // Toggle greyscale on and off
      if (localStorage["greyscale"] != "1") {
        $('body').addClass('greyscale');
        localStorage["greyscale"] = "1";
      }
      else {
        $('body').removeClass('greyscale');
        localStorage["greyscale"] = "0";
      }
    }); // - button click
  }); // - doc ready
}

JSFiddle