Zeige jQuery Popup nur beim ersten Besuch einer Seite

Question

Ich bin neu in jQuery, und ich habe einige Bedürfnisse auf meiner Website. Ich möchte das jQuery-Div-Popup zum ersten Mal nur anzeigen, wenn der Benutzer kommt. Keine Notwendigkeit, immer wieder zu zeigen.

Noch bin ich mit, aber ich weiß nicht, wie beim zweiten Mal verstecken:

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

Aber die ishow Variable jedes Mal initialisiert.

Answer 1

Sie können den lokalen Speicher verwenden. Es ist leicht zu verstehen und zu verwenden.

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

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

Es zeigt Ihnen das Popup beim ersten Besuch Ihrer Website.

Answer 2

Sie können SessionStorage oder LocalStorage für diese nach Ihren Bedürfnissen verwenden.

Wenn Sie nur für diese Sitzung benötigen, verwenden Sie SessionStorage. Wenn es dauerhaft im Browser des Benutzers gespeichert werden soll, verwenden Sie LocalStorage.

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

Answer 3

Sie können localStorage für diesen Zweck verwenden, wie unten:

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

Answer 4

Sie müssen es auf Last verbergen oder es in CSS tun (empfohlen) und dann local überprüfen, um zu sehen, ob es der erste Besuch ist.

$(document).ready(function() { 
     $('#jPopup').hide(); //hide on load or in css, later check if its the first visit 
     var isshow= localStorage.getItem('status'); 
     //check if it is the first visit 
     if (isshow == null || isshow == '') { 
      //set variable to 1 
      localStorage.setItem('isshow', 1); 
      $('#jPopup').show(); 
     } 
     }); 

Answer 5

Sie ein Cookie festlegen einen Wert zu speichern und überprüfen, ob es dann nicht Popup zeigen gesetzt:

$(document).ready(function() { 
    var isshow = $.cookie("isshow"); 
    if (isshow == null) { 
     $.cookie("isshow", 1); // Store 

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

Oder Sie können localStorage eingestellt. Hier ist ein funktionierendes Beispiel. jsFiddle

$(document).ready(function() { 
    if(localStorage.getItem('popState') != 'shown') { 
     $("#popup").delay(2000).fadeIn(); 
     localStorage.setItem('popState','shown') 
    } 
});