javascript - 刷新页面时导航到错误的选项卡

Question

我有一个包含两个主要选项卡、设备和报告的页面。每次刷新页面时，页面都会显示报告信息（假设显示设备信息）。当我直接将 html 文件翻倍或使用 window.location =url 时，这也适用。

示例js代码

$(document).ready(function () {
      $('#mainpage').click(function (e) {
        e.preventDefault();
        window.location = "main.html";

      });
    });

可能的原因有哪些？

Answer 1

继续 fotanus 在她的回答中提出的建议，您还可以：

• 选项 3：使用 cookie 记录页面状态以防页面重新加载
• 选项 4：使用两个相互关联的页面，每个选项卡一个。

Answer 2

当你重新加载一个页面时，你的标签的样式和css都没有保留，就像你第一次进入它一样。因此，如果您重新加载这样的页面，您将无法保持页面的当前状态。

由于您的问题非常笼统，我会给您两个解决方法的想法，您可以自己学习。

• 选项 1：与 url 一起发送一个 get 参数，并在刷新页面时显示正确的 div
• 选项 2：重新加载 AJAX 调用所需的内容。