Javascript .addClass不工作（刷新时被删除）

我对jQuery非常陌生，我正在尝试基于

localStorage.getItem

设置一个类，但它不起作用。这是我的密码：

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

---

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

将活动类添加为默认类，并在不需要时将其删除

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

或者添加这个类就绪方法

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

---

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

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

---

当页面刷新时，您将获得一个全新的页面。使用javascript所做的更改必须重做

如果您想使用localstorage，则必须在每次刷新时重新添加该类（如Evan的回答）

---

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

当刷新页面时，从服务器重新加载—您需要以某种方式将信息保留回服务器，或者在页面加载时根据本地存储重新添加类。正如我所说，我对jQuery非常陌生。如何重新添加该类？非常感谢您的帮助：）请看下面，我为您添加了一个答案。当页面刷新时，这仍然会被撤消。尝试了@EvanKnowles answer，如果本地存储项不是2，它会删除类

活动的

。这是另一种方法，但最好在就绪功能上添加类没有问题：）如果有帮助，请向上投票/接受！（你也会得到加分）（接受答案，因为我没有足够的声誉，所以不能投票。）