在JavaScript中启用/禁用导航项的最佳方法是？

Question

我的项目是一个包含多个子页面的网站。你应该使用这样的网站：

• 第1页：从列表中选择一些元素。保存您的选择。

• 第2页：对于您选择的每个元素，设置两个参数。按一个按钮以计算分数。

• 第3页：从三个不同的选项中选择以导出结果。

导航栏包含指向这些子页面的链接。

我想根据用户的进度启用/禁用导航项。例如，如果您之前没有访问过其他两个页面，则无法访问导出页面。

目前我尝试这样做：我根据localStorage的内容启用/禁用项目（更确切地说是数组的存在。这是我在第1页上用来保存用户选择的内容）。这个工作非常好，但我有一个问题：如果我离开页面并在一段时间后返回，则数组仍然在localStorage中，这意味着所有菜单项都已启用。我可以删除最后一页，但是如果用户试图重新访问上一页以修改他的输入怎么办？

有更好的方法吗？

问候

Answer 1

你可以在jquery的帮助下完成：

根据您的local storage设置条件并应用以下代码：

$("#button").click(function () {
    $("#item").attr("disabled", "true");
});

Answer 2

我会让用户选择开始一个新的进程（类似于清除数组的按钮），以及让他决定是否要更改之前的进程或开始新进程的方法。