Question

当我加载页面时，应显示弹出窗口。但是当我刷新页面时，弹出窗口不应该在那里。 “

       $('body').addClass('stop-scrolling');
       $('#fade').css('display','block');
       $('#light').css('display','block');
    `

褪色和光线等级用于淡化屏幕，光线将从上方滑动。现在，如果我刷新页面，这个灯箱将再次出现在屏幕上。我把这段代码放在就绪函数中，这就是每次刷新页面时它出现的原因。要做什么使它只在页面加载时按时显示。每次刷新页面时都要防止它出现。提前致谢

Answer 1

使用像这样的东西

$(document).ready(function () {
    if (localStorage.getItem('wasVisited') !== undefined) {
         $('#fade').hide();
         $('#light').hide();
    } else {
        localStorage.setItem('wasVisited', 1);
         $('body').addClass('stop-scrolling');
         $('#fade').show();
         $('#light').show();
    }
});

Answer 2

您将需要设置cookie，使用Serverside-Code，或者您可以使用session.storage来获取普通的JS解决方案。

这是一个会话存储的例子，是最好的imo： http://fiddle.jshell.net/2Pc58/1/

if(!sessionStorage.getItem("lastVisit")){
         sessionStorage.setItem("lastVisit",new Date());
        alert("you are new here")
    }

灯箱弹出不应再来了

2 个答案: