如何使用 jQuery 永久关闭 div答案

【问题标题】：How to close a div permanently using jQuery如何使用 jQuery 永久关闭 div
【发布时间】：2016-10-12 01:24:06
【问题描述】：

我有 5 个页面，我在第一页包含一个横幅，如果用户关闭第一页的横幅，那么横幅也不应该出现在其他页面中。

$(document).ready(function(){

      $(".alert-banner-hide").on("click", function(){
            $("#alert-banner-container").hide();
      });

});

您能帮我解决这个问题吗？提前致谢。

【问题讨论】：

您需要设置 cookie 或 sessionStorage 值之类的东西。

标签： jquery stateful

【解决方案1】：

使用sessionStorage 对象拥有一些有状态的东西：

对于关闭横幅事件：

  $(".alert-banner-hide").on("click", function(){
        $("#alert-banner-container").hide();
        sessionStorage.setItem("banner-closed","yes"); //add this instruction
  });

和

页面加载/文档准备就绪：

  // Copy/Paste the whole code below & don't worry 
  $(function(){
         if (sessionStorage.getItem('banner-closed')==="yes"){
              //trigger close banner
             $("#alert-banner-container").hide();
         }
    })

【讨论】：

非常感谢，它工作得很好，你能分享任何 URL 来学习 JavaScript 和 jQuery 的初学者。
@San : "JS 基本培训 Simon Allardice" 把它放在 google 中并享受......很好的培训！
需要澄清一下，当我右键单击并在新标签页中打开时，仍然出现横幅。在同一个标签中它工作正常。