每个会话隐藏 div 一次

Question

在访问过的站点上工作时，在访问索引页时会显示全屏幻灯片。（不是我的主意，客户喜欢它）

我有一个按钮，可以将 div 向上滑动以显示主页内容。

我正在使用下面的代码片段，但它实际上并没有在刷新时隐藏 div...任何帮助将不胜感激！

$(document).ready(function(){
    if(sessionStorage.firstVisit != true) {
        sessionStorage.firstVisit = true;
        $('.splash').show();
    } else {
        $('.splash').hide();
    }
    $("#clickme").click(function(){
        $(".splash").slideUp(1000);
    });
});

Answer 1

sessionStorage 对象将值存储为字符串，这就是您遇到此问题的原因。将您的代码更改为：

$(document).ready(function(){
if(sessionStorage.firstVisit != "true") {
    sessionStorage.firstVisit = "true";
    $('.splash').show();
} else {
    $('.splash').hide();
}
$("#clickme").click(function(){
    $(".splash").slideUp(1000);
}); 
});

它应该可以工作

每个会话隐藏 div 一次

Hide div once per session

html

javascript

sessionstorage