独特的jQuery弹出问题

Question

因此，我必须在每个用户会话中显示一次弹出表单，客户端希望它在10秒后弹出。 如果用户导航到站点上的另一个页面，则该表单仍需要弹出并且在用户在站点的任何其他部分上将其关闭后都不会显示。 这是我到目前为止编写的jQuery。

$(document).ready(function() {
    sessionStorage.setItem('firstVisit', '1');
    if (sessionStorage.getItem('firstVisit') === "1") {
        setTimeout(function() {
            $('.verif').fadeIn('fast');
        }, 1000);
    } else {
        $('.verif').hide();
    }
});

我在每个页面上都有该表格，现在它一直在弹出。 我是否针对这种情况使用了错误的方法？ 欢迎所有建议。

Answer 1

请注意，第2 firstVisit会话存储中始终将firstVisit设置为'1' 。 这样， if的表达式将始终为true ，因此用户将始终看到弹出窗口。

您需要先获取商品，然后检查其价值。 然后，如果不存在，请进行设置。

$(document).ready(function() {
  var item = sessionStorage.getItem('firstVisit');

  if (!item || item !== "1") {
    setTimeout(function() {
      $('.verif').fadeIn('fast');
    }, 1000);

    sessionStorage.setItem('firstVisit', '1');
  } else {
    $('.verif').hide();
  }
});

另外，使用sessionStorage也不是一个好主意，因为它在页面刷新过程中易变。 相反，您可能想要为此使用localStorage ，因为您提到需要对任何页面执行此操作。