模态每个用户会话出现一次

Question

我正在尝试让我的模式在每个用户会话中出现一次，因为它将用于MailChimp注册。我很难理解有关用户会话的文档。

我想对cookie使用localstorage，因为据我了解，这是保护用户隐私的更常用方法。

我有模式触发，但是只要您导航到新页面，它就会出现。我究竟做错了什么？为什么它不存储密钥？

---

• 我正在使用Zurb Foundation的Reveal Modal
• 文档：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);
    })
});