Модальное Появление Один раз За Сессию Пользователя

Question

Я пытаюсь, чтобы мой модал появлялся один раз за сеанс пользователя, так как он будет использоваться для регистрации в MailChimp.Мне трудно понять документацию вокруг пользовательских сессий.

Я хочу использовать локальное хранилище для файлов cookie, потому что, как я прочитал, это более распространенный подход к конфиденциальности пользователей.

У меня модальное срабатывание, но оно появляется каждый раз, когда вы переходите на новую страницу.Что я делаю неправильно?Почему он не хранит ключ?

---

• Я использую модальный документ Zurb Foundation
• Документы: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API

---

HTML:

 <div class="reveal" id="exampleModal1" data-reveal>
     <h1>Awesome. I am a Reveal</h1>
  <button class="close-button" data-close aria-label="Close modal" type="button">
     <span aria-hidden="true">&times;</span>
 </button>

СКРИПТ:

$(document).ready(function () {
    // Check if user saw the modal
    var key = 'hadModal',
    hadModal = localStorage.getItem(key);

    // Show the modal only if new user
    if (!hadModal) {
      $('#exampleModal1').foundation("open");
    }

    // If modal is displayed, store that in localStorage
      $('#exampleModal1').on('.reveal', function () 
    {
       localStorage.setItem(key, true);
    })
});