【问题标题】:How to display div only once for session如何为会话仅显示一次 div
【发布时间】:2021-06-16 23:56:37
【问题描述】:

我只想在我的 wordpress 网站上为用户会话显示一次此加载程序,目前每次加载页面时都会显示:

if(location.href === "http://www.example.com/") {
    jQuery(window).load(function() {
        jQuery(".famous-loader-overlay").delay(1500).fadeOut(500);
    });
}
else {    
    jQuery(".famous-loader-overlay").delay(0).hide();
}
       

有人可以帮我吗?

【问题讨论】:

  • 我认为您能够做到这一点的唯一方法是创建一个 cookie,然后在用户之前访问过该页面时使用该指标。在这里阅读:w3schools.com/js/js_cookies.asp
  • 这取决于您所说的“会话”。就浏览器而言,您可以在“sessionStorage”中存储一个变量,当它们的窗口关闭时该变量将被删除。但是,如果他们在第一个窗口打开时打开另一个窗口,他们会再次看到它。
  • 我解决了这个问题,但是当我关闭并打开站点时,浏览器缓存不显示加载程序。我该如何解决?我使用了变量 sessionStorage.get 和 .set。谢谢

标签: javascript jquery html wordpress


【解决方案1】:

您只需要添加另一个会话变量并正确调用它并将其设置为 true o false 状态。

您可以通过将本地设置为真正的存储作为变量的值来完成此操作:

localStorage.setItem('loaderShowed', true);

【讨论】:

  • 感谢它可以工作,但加载器在显示时会立即消失。我可以增加观看时间吗?
  • 太棒了,我认为你必须增加fadeOut(1000) 函数的时间(以毫秒为单位)
猜你喜欢
  • 2015-03-09
  • 1970-01-01
  • 2017-04-25
  • 2023-03-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-10-08
  • 1970-01-01
相关资源
最近更新 更多