.addClass无法正常工作（刷新后删除）

Question

我是jQuery的新手，我正在尝试基于localStorage.getItem设置一个类，但它不起作用。这是我的代码：

if (localStorage.getItem("active_layout") == 2) {
   $("#laa").addClass("active");
};

localstorage项的值为2，单击该元素时会添加该类。但是当我刷新时，它会被删除。是否有可能将其保留在那里并且在刷新时不会被删除？

Answer 1

尝试在文档就绪时重新添加类：

$(function() {
    if (localStorage.getItem("active_layout") == 2) {
       $("#laa").addClass("active");
    };
});

Answer 2

将Active Class添加为默认值，并在不需要时将其删除...

if (localStorage.getItem("active_layout") !== 2) {
   $("#laa").removeClass("active");
};

或添加此类就绪方法

$(document).ready(function(){
if (localStorage.getItem("active_layout") == 2) {
       $("#laa").addClass("active");
    };
});

Answer 3

刷新页面后，您将获得一个全新的页面。使用javascript完成的更改必须重做。

如果你想使用localstorage，你必须在每次刷新时重新添加课程（就像Evan的回答一样）。

您还可以添加一些服务器端逻辑，以便html与您想要的类一起提供。但是，服务器无法读取本地存储 - 您可以使用cookie。