javascript - 每个浏览器 session 运行一次 JQuery

Question

我有一个功能(预加载屏幕)，仅由主页上的页面加载触发。

问题是它会在用户每次返回主页时运行。

我一直在考虑使用 sessionStorage 来让这个函数在每个浏览器 session 中运行一次，但是我对 JQuery 还很陌生，无法弄清楚它去哪里/它实际上需要说什么。

我真的很感激任何帮助。谢谢!

这是我的代码...

$(document).ready(function() {
  window.onload = function () {
    $('#loader-wrapper').addClass('hidden');
  }
});

Answer 1

要在每个 session 中运行一次，请使用以下命令来存储用户在当前 session 期间已执行此操作:

$(function() {
  var visited = sessionStorage['visited'] || false;
  if (visited) {
    $('#loader-wrapper').addClass('hidden');
  } else {
    sessionStorage['visited'] = true;
  }
});

默认情况下(在 HTML 中)将 hidden 类添加到 div 中并且仅在第一次访问时将其删除，可能会更有效/更简单:

$(function() {
  var visited = sessionStorage['visited'] || false;
  if (!visited) {
    $('#loader-wrapper').removeClass('hidden');
    sessionStorage['visited'] = true;
  }
});