当用户单击确定时,我正在尝试使用 js-cookie 隐藏 cookie 栏通知。
cookie bar 有一个 .hide-cookiebar 类,其 display: none; 这样即使在用户单击确定后,它也不会在页面加载时短暂显示。
然后我想检查 cookie 是否“同意”,如果它不存在,请删除 .hide-cookiebar 类。然后,如果他们单击确定添加 cookie '同意',然后检查它并重新添加隐藏类。
我遇到的第一个问题是我不知道如何将 Cookies.get 更改为 Can't get,我尝试过使用!没有成功。
我希望在那之后它会起作用。
<div class="cookiebar hide-cookiebar">
<span>Cookies are used on our website ...
<a href="#">cookie policy</a><br><button id="ok">OK</button></span>
</div>
.hide-cookiebar {display: none;}
$(function() {
if (Cookies.get('agree')) {
$('.cookiebar').removeClass('hide-cookiebar')};
$('#ok').on('click', function () {
Cookies.set('agree', 'step1', { expires: 30 });
if (Cookies.get('agree')) {
$('.cookiebar').addClass('hide-cookiebar')};
});
这似乎工作正常:
$(function() {
if (!Cookies.get('agree')) {
$('.cookiebar').removeClass('hide-cookiebar');}
$('#ok').on('click', function () {
Cookies.set('agree', 'step1', { expires: 30 });
if (Cookies.get('agree')) {
$('.cookiebar').addClass('hide-cookiebar');}
});
});