仅显示一次模式对话框，然后在用户清除缓存或 cookie 之前不再显示

Question

仅显示一次模式对话框，然后在用户清除缓存或 cookie 之前不会再次显示。

我想在用户访问我的网站时显示一个模态对话框，但只显示一次。如果用户关闭或使用它，我希望很长时间不会再次显示它。

我的 jsFiddle 在： http://jsfiddle.net/B84tq/

我的html是：

  <!-- Button to trigger modal -->
  <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

  <!-- Modal -->
  <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
      <h3 id="myModalLabel">Email Deals</h3>
    </div>
    <div class="modal-body">
        <p>Sign up for email-only specials and news updates. We will not sell or rent your email address.</p>
        <p>Sign up now!</p>
          <form class="form-horizontal" method="post" action="http://www.gliq.com/cgi-bin/subunsub">
          <div class="input-prepend">
          <input type="hidden" name="acctname" value="amleo"/>
          <input type="hidden" name="action" value="subscribe"/>
          <input type="hidden" name="url" value="http://www.amleo.com/subscribe-successful/a/47/"/>
          <input type="text" placeholder="Your email address" id="inputIcon" class="input-xlarge" name="email">
          <input value="SUBSCRIBE" class="btn btn-orange" type="submit">
          </div>
          </form>
        <p><a href=" [[DMI:Control name='FriendlyUrlArticleSiteMap' dmisource='Core.GetContentByNumber("3")']][[/DMI:Control]]">Privacy Policy</a>.</p>
    </div>
  </div>

Answer 1

使用 cookie。

你可以google如何在js中处理cookie。

例如。在伪代码中

if (document.cookies['testvalX']!=1)
{
   //display modal
   document.cookies[] = 'testvalX=1';
}