每次访问仅显示一次 div / 设置 cookie答案

【问题标题】：Show a div only once per visit / set cookie每次访问仅显示一次 div / 设置 cookie
【发布时间】：2015-11-27 21:02:33
【问题描述】：

我正在尝试设置一个元素，使其每次访问仅显示一次。它是我主页上的一个向下滚动箭头，因此一旦用户得到它，就没有必要再保留它了。因此，我不希望它在用户浏览我的网站时显示，但是，当他将来再次访问它时，它会再次出现。我是新手，解决不了。我的代码：

        setTimeout(function () {
          $('.scroll_down').show()
          }, 2000);
          var $element = $('.scroll_down'); // fade out / in on scroll 
            $(window).scroll(function() {
              if($(this).scrollTop() > 0) {
                $element.fadeOut(1000);
              }
        });

我也希望箭头淡入，但我的尝试没有成功。谢谢大家

【问题讨论】：

cookie 的代码在哪里？
我认为合适的工具是sessionStorage
嗨，cookie 没有代码，因为我不知道如何插入它

标签： javascript jquery jquery-cookie

【解决方案1】：

请按如下方式编写cookie代码：

jQuery(document).ready(function($){
if($.cookie('show_div_once') != 'yes'){
    your_code_for_show_div;
}
$.cookie('show_div_once', 'yes', { path: '/', expires: 365 });
});

【讨论】：

我做了，请看下面

【解决方案2】：

我使用了本地存储

firstSiteLoad  = (function() {
  var checkSupport;
  checkSupport = function() {
    var e, error, support;
    try {
      support = 'localStorage' in window && (window['localStorage'] != null);
    } catch (error) {
      e = error;
      support = false;
    }
    return support;
  };
  return function() {
    if (!checkSupport()) {
      return false;
    }
    if (localStorage.getItem("not_first_load")) {
      return false;
    } else {
      localStorage.setItem("not_first_load", 'true');
      return true;
    }
  };
})();

您可以通过if (firstSiteLoad()) { //your code }使用它

【讨论】：