jquery - 用于在 X 次页面浏览后显示模式的 JS cookie

Question

在本例中，我尝试使用 JS Cookie 在 4 次页面浏览后显示登录/注册模式，但它没有触发，并且我在控制台中没有看到任何错误。非常感谢任何帮助!

这是在 head 中添加了条件的代码(一旦运行，我会将其转移到函数中)，我正在使用 https://github.com/js-cookie/js-cookie

<?php if(!is_user_logged_in() && is_singular('listings')) ?>
<script>
    jQuery(document).ready(function () {
        // create cookie
        Cookies.set('visited', '0'); // visited = 0

        var VisitedSet = Cookies.get('visited');

        if(VisitedSet == 3) {
            jQuery("p.counter").html("From this point, you will always see the login/register modal on next visit!");
            jQuery(window).load(function() {
                jQuery('#overlay').addClass('open');
                jQuery('html, body').animate({scrollTop : 0},800);
                return false;
            });
        } else {
            VisitedSet++; // increase counter of visits
            jQuery("p.counter span").append(VisitedSet);
            // set new cookie value to match visits
            Cookies.set('visited', VisitedSet, {
                expires: 1 // expires after one day
            });

            console.log('Page Views: ' + VisitedSet);

            return false;
        }
    }); // ready
</script>
<?php } ?>

这是控制台 NaN 中显示的内容，尽管我将 cookie 的初始值设置为 0

这是我尝试提取但更新到最新版本的示例，如果 JS Cookies http://www.picssel.com/playground/jquery/fancyboxOn4pageView_24jan12.html

Answer 1

您将 cookie 始终设置为零...

之前需要检查cookie是否存在值，只有当cookie不存在时才会设置第一个cookie。

我在这里修复你的代码: https://codepen.io/WebStorm-IL/pen/KZPVdY

jQuery(document).ready(function () {
  // Get cookie
  var VisitedSet = Cookies.get('visited');


  if( ! VisitedSet ){
    // create cookie only if already not set
    Cookies.set('visited', '0'); // visited = 0
    VisitedSet = 0;
  }

  // increase counter of visits
  VisitedSet++;

  if(VisitedSet == 3) {
    jQuery("p.counter").html("From this point, you will always see the login/register modal on next visit!");
    jQuery(window).load(function() {
      jQuery('#overlay').addClass('open');
      jQuery('html, body').animate({scrollTop : 0},800);
      return false;
    });
  } else {
    jQuery("p.counter span").append(VisitedSet);
    // set new cookie value to match visits
    Cookies.set('visited', VisitedSet, {
      expires: 1 // expires after one day
    });

    console.log('Page Views: ' + VisitedSet);

    return false;
  }
}); // ready

(function( $ ){
  $("#resetCounter").click(function(){
    Cookies.set('visited', '0');
    location.reload();
  });
})( jQuery );