javascript - 添加的类未被记住

Question

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

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

Answer 1

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

1. 使用服务器端代码将正确的类添加到新页面 HTML 中的正确元素。
2. 在新页面中使用 JavaScript 将正确的类添加到正确的元素；您需要一种方法来确定该类应添加到哪个元素(可能是新页面 URL 的一部分)。
3. 使用 AJAX 导航，而不是加载全新的页面，只需加载新内容并替换部分已加载的页面即可。