如何使用jQuery永久关闭div

Question

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

$(document).ready(function(){

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

});

你可以帮我解决这个问题吗？提前谢谢。

Answer 1

使用sessionStorage对象来保持状态：

对于On-close Banner事件：

  $(".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();
         }
    })