Question

我正在寻找一种解决方案，即在X次访问后div不再显示。我没有使用Javascript的丰富经验，由于我很着急，所以我希望有人能在这里知道解决方案，因为我在任何地方都找不到在线。

我发现此线程几乎可以满足我的需求： JS cookie for displaying content after x-th pageview，但是他们在多次访问后显示了一个灯箱，我想在X次访问后隐藏一个div（类或ID）。

他们正在使用以下代码：

$(document).ready(function() {
  // create cookie
  var visited = $.cookie('visited'); // visited = 0
  if (visited >= 3) {
    // open fancybox on 4th visit or further on the same day
    setTimeout(function() {
      $.fancybox.open({});
    }, 3000);
  } else {
    visited++; // increase counter of visits
    // set new cookie value to match visits
    $.cookie('visited', visited, {
      expires: 1 // expires after one day
    });
    return false;
  }
});

Answer 1

您需要使用jQuery hide() 方法，例如：

$(document).ready(function() {
  var X = 4;
  var visited = $.cookie('visited');

  if (visited >= X) {
    $('your_div_selector').hide(); //<--- HERE IS THE LINE YOU NEED
  } else {
    visited++;

    $.cookie('visited', visited, {
      expires: 1
    });
    return false;
  }
});

在X次访问后隐藏div（Cookie）

1 个答案: