Question

您好我在使用jquery cookie.js存储cookie。

我已经搜索了代码并使用了cookie.js插件，它运行正常，但我有一个问题，当我刷新页面时，cookie会自动保存，弹出窗口不会显示。当任何用户进入该站点时，会出现一个弹出窗口，用户必须单击继续按钮才能进入该站点，

在点击“继续”按钮之前，我基本上不允许用户进入网站。

这是我的HTML代码

<div id="popup-container">
<div class="wrapper">
<div id="popup-window">
  <div class="splash-bg">
    <h1>Are You Over 18? Click Continue if you are or return to previous 
      page</h1>
  <a type="button" class="close">Continue</a>
</div>
</div>

这是我正在使用的js代码

<script type="text/javascript">
     jQuery(document).ready(function(){  
      jQuery('#popup-container a.close').click(function(){
          jQuery('#popup-container').fadeOut();
          jQuery('#active-popup').fadeOut();
      });

      var visits = jQuery.cookie('visits') || 0;
      visits++;

      jQuery.cookie('visits', visits, { expires: 1, path: '/' });

      console.debug(jQuery.cookie('visits'));

      if ( jQuery.cookie('visits') > 1 ) {
        jQuery('#active-popup').hide();
        jQuery('#popup-container').hide();
      } else {
          var pageHeight = jQuery(document).height();
          jQuery('<div id="active-popup"></div>').insertBefore('body');
          jQuery('#active-popup').css("height", pageHeight);
          jQuery('#popup-container').show();
      }

      if (jQuery.cookie('noShowWelcome')) { jQuery('#popup-
      container').hide(); jQuery('#active-popup').hide(); }
    }); 

    jQuery(document).mouseup(function(e){
      var container = jQuery('#popup-container');

      if( !container.is(e.target)&& container.has(e.target).length === 0)
      {
        container.fadeOut();
        jQuery('#active-popup').fadeOut();
      }

    });
 </script>

Answer 1

如果您有多少次访问Cookie，Cookie可能不是Cookie数组中的第一个Cookie，因此您必须尝试使用以下两种方式获取该Cookie

jQuery.cookie('visits')

jQuery.cookie(' visits')

JQuery Cookie.js保存cokkie

1 个答案: