Question

我试图设置一个元素，以便每次访问时只显示一次。它是我主页上的向下滚动箭头，因此一旦用户获得它，就不再需要保留它了。因此，当用户在我的网站上浏览时，我不希望它被显示，但是当他再次访问它时，它再次出现在那里。我是一个新手，无法解决它。我的代码：

＆＃13;

        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);
              }
        });

＆＃13;

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

Answer 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 });
});

Answer 2

我使用localStorage

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 }

使用它

每次访问/设置cookie只显示一次div

2 个答案: