javascript - 在按钮上设置 Cookie

Question

我用弹出窗口制作了全屏覆盖。现在，当我按下按钮时，我想要设置一个弹出窗口。您也可以在窗口外单击。然后弹出窗口消失。我也想在那里设置一个cookie。不知怎的，我不明白整个事情。这是我的代码：

$(function() {
  $("#custom-modal").modal("show");
});

/* Close the popup when the a selection is made */
$("#selectCity").on("change", function() {
  $("#custom-modal").modal("hide");
});


$.modal({

  // enable/disable cookies
  cookie: true,

  // cookie name
  cookieName: 'eisstadion',

  // enable/disable cookie session
  cookieSession: true,

  // expire time
  cookieExpires: 30,

  // cookie path
  cookiePath: '/'

});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- A Bootstrap Modal -->
<div id="custom-modal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Achtung!</h4>
      </div>
      <div class="modal-body">
        Ab sofort nur noch Online die Tickets
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Hier gehts zum Shop</button>
      </div>
    </div>
  </div>
</div>

标签： javascripthtmljquerycookiescontao