javascript - 添加的课程没有被记住

Question

我有一个带有 2 个按钮的导航，当单击一个按钮时，它会加载一个新页面（新页面加载），当单击该按钮时，应该添加一个选择了类名的类......它部分做到了 - 它添加了类，但是当它加载新页面时，该类又被删除了？如何让课程坚持用户点击的内容？

$(document).on("click", ".list-mode button", function () {
    $(".list-mode button").removeClass("selected");
    $(this).addClass("selected");
});

score 2 · Accepted Answer

如果您要导航到新页面，则您使用 JavaScript 对当前页面所做的更改不会出现在新页面中。你真的有三个选择：

score 0 · Accepted Answer

为此，您需要 cookie 或 DOM 存储。

每当页面要被放弃时，您需要将用户上次所做的存储在某个地方，并使用存储的设置初始化整个按钮。

当您使用 jQuery 时，处理document.ready事件并在页面加载时在那里初始化按钮：

$(document).ready(function() {
   // Initialize the whole buttons
});

2 回答 2