只在第一次访问页面时显示jQuery弹出

Question

我是jQuery的新手，我在我的网站上有一些需求。我只想在用户来的时候第一次显示jQuery div弹出。不需要一次又一次地出现。

我仍然在使用这个，但我不知道如何第二次隐藏：

var isshow=0;
$(document).ready(function() {
   if (isshow == 0) {
     $('#jPopup').show();
   }
   isshow = 1;
});

但是ishow变量每次都会初始化。

Answer 1

您可以使用本地存储。它很容易理解和使用。

$(document).ready(function() {
    var isshow = localStorage.getItem('isshow');
    if (isshow== null) {
        localStorage.setItem('isshow', 1);

        // Show popup here
        $('#jPopup').show();
    }
});

它将显示您的弹出在您的网站第一次访问。

Answer 2

您可以根据需要使用SessionStorage或LocalStorage。

如果只需要对该会话执行此操作，请使用SessionStorage。如果应该永久存储在用户的浏览器中，请使用LocalStorage。

    $(document).ready(function(){
        if(sessionStorage && !sessionStorage.getItem('isshow')){
            $('#jPopup').show();
            sessionStorage.setItem('isshow', true);
        }
    });

Answer 3

为此，您可以使用localStorage，如下所示：

$(document).ready(function(){
   var shown= localStorage.getItem('isshow');
    if(shown !="t"){
        $('#jPopup').show();
        localStorage.setItem('isshow', "t");
    }
});