Wie kann Pop nur einmal für einen Benutzer geladen werden?

Question

Ich habe den Code unten laden Pop auf Seite Last verwendet, ich es jedes Mal ein Benutzer laden möchte nicht aktualisiert Seite

$(function() { 
    var overlay = $('<div id="overlay"></div>'); 
    overlay.show(); 
    overlay.appendTo(document.body); 
    $(document).ready(function() { 


     $('.popup').show(); 

     $('.close').click(function(){ 
      $('.popup').hide(); 
      overlay.appendTo(document.body).remove(); 
      return false; 
     }); 
     }); 

Answer 1

die window.localStorage API eine ziemlich einfache Art und Weise wird mit diesem tun:

$(function() { 
    if (window.localStorage.popupHasBeenShown) 
     return; 

    var overlay = $('<div id="overlay"></div>'); 
    overlay.show(); 
    overlay.appendTo(document.body); 
    $(document).ready(function() { 

     window.localStorage.popupHasBeenShown = true; 
     $('.popup').show(); 

     $('.close').click(function(){ 
      $('.popup').hide(); 
      overlay.appendTo(document.body).remove(); 
      return false; 
     }); 
    }); 

Manche Menschen mögen es vorziehen, die cookie API zu verwenden, dh window.document.cookie, ein Vorteil ist, dass das Ablaufdatum Einstellung ist wirklich einfach so konnte man, sagen wir, haben nur das Popup angezeigt onc e eine Woche oder so:

document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";