如何为关闭按钮设置cookie

Question

我想在按下关闭按钮时设置cookie，以防止对话框再次打开。

这是我的代码：

<div class="card">
  <span class="clickable" data-effect="fadeOut"><i class="fa fa-times"></i></span>
    <div class="card-blockquote">Free shipping </div>
</div>

<script>
jQuery('.close-icon').on('click',function() {
  jQuery(this).closest('.card').fadeOut();
})
</script>

更新：

我添加了这个库：

<action method="addLinkRel"><rel>text/javascript</rel><href>https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.js</href></action>

我使用以下代码：

 $.cookie('card', 'card', { expires: 7 });

我在控制台中有：

TypeError: $.cookie is not a function

Answer 1

您可以使用 cookie 生成器。 here

<script>
jQuery('.close-icon').on('click',function() {
  jQuery(this).closest('.card').fadeOut();
$.jCookies({
    name : 'Your_cookie_Namee',
    value : {cookie values}
});

})
</script>

所以如果要使用localstorage，可以使用this