ユーザーが [OK] をクリックしたときに、js-cookie を使用して Cookie バーの通知を非表示にしようとしています。
クッキー バーには、display: none; を持つ .hide-cookiebar のクラスがあります。ユーザーが [OK] をクリックした後でも、ページがロードされたときに一時的に表示されないようにします。
次に、「同意する」Cookie を確認し、存在しない場合は .hide-cookiebar クラスを削除します。次に、[OK] をクリックした場合は、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');}
});
});