Элемент, который отображается только один раз, используя jquery cookie seesion

Question

У меня есть код html и js, который отображает модальную коробку. Это на всех страницах моего сайта. Мне бы хотелось только показать этот элемент div один раз за сеанс. Поэтому, когда пользователи переходят на другие страницы, они больше не видят всплывающее окно. Но если они закрывают браузер и снова открывают его, всплывающее окно должно показывать опять же, и т.д ..

Вот мой код

<div class="popup"> 
    <div> 
     <a class="close">Close link</a> 
     <h1 style="color: #fdc114;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero dolores architecto, totam, asperiores delectus minus ipsam quo. Sapiente, voluptas suscipit repellat quis, quod, modi dolores deserunt sunt animi eum quidem.  
    </h1> 
    <h1 style="color: #fdc114;">Let's transform together.</h1> 
    </div> 
</div> 



<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    jQuery('.close').click(function() { 
    jQuery('.popup').addClass('none'); 
    }); 
}); 
</script> 

Answer 1

для этого вы хотели бы использовать sessionStorage не печенье. Он сохраняется, пока окно открыто, поэтому будет оставаться во время навигации по сайту, но оно будет уничтожено при закрытии браузера.

использование:

sessionStorage.setItem(key, value); // set values 
sessionStorage.getItem(key); //get values 

Таким образом, вы бы установить значение после того, как модальный было показано, то проверить наличие этого значения, прежде чем пытаться показать модальный снова, если значение установлено, то дон 't показать это, что-то вроде:

var modalShown = sessionStorage.getItem('shown'); 

if(!modalShown){ 
    // showModel 
    sessionStorage.setItem('shown', true); 
} 

nb вы можете сделать это с помощью cookie, но у sessionStorage есть много функций, которые вы хотите встроить.