0

当用户单击确定时,我正在尝试使用 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');}

});
});
4

0 回答 0