关于jquery:仅在第一次使用localStorage加载网站时显示DIV

Showing a DIV only the first time a website is loaded with localStorage

我正在努力使这项工作,但我有一些问题..就像标题所说,我希望只有第一次加载网站时才能显示DIV。 我知道如何处理PHP和Cookies,但我想用localStorage函数。

这是我的代码:

1
2
3
4
5
6
7
8
9
10
11
12
  ...



$(document).ready(function() {
    localStorage.setItem('wasVisited', 1);
    if (localStorage.wasVisidet !== undefined ) {
            $("#loading_bg").css('display','none');
        } else {
            $("#loading_bg").delay(5000).fadeOut(500);
        }
});


您正在if条件之前设置localStorage标志,因此标志wasVisited永远不会被定义。

您需要在else块中设置标志,如下所示

1
2
3
4
5
6
7
8
$(document).ready(function () {
    if (localStorage.getItem('wasVisited') !== undefined) {
        $("#loading_bg").hide();
    } else {
        localStorage.setItem('wasVisited', 1);
        $("#loading_bg").delay(5000).fadeOut(500);
    }
});