javascript - jQuery Cookie 故障

Question

我的网页底部有一个“接受 Cookie”栏，使用以下 HTML:

<div class="cookies-banner-bloc">
            <div class="cookies-banner-container">
                <p>We use cookies on this website.</p>
                <a class="cookies-close-button no-border">Close this Message</a>
            </div>
        </div>

当用户单击“关闭”时，我使用以下 jQuery 来使用 cookie 进行存储，但是，cookie 似乎只存储在一个页面上，而不是整个站点。我的 header.php 脚本中确实有它，因此它应该会影响我的所有模板。

为什么这只适用于一页？

Javascript:

<script>
        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for(var i = 0; i <ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') {
                    c = c.substring(1);
                }
                if (c.indexOf(name) == 0) {
                    return c.substring(name.length,c.length);
                }
            }
            return "";
        }

        jQuery(document).ready(function($){

            if(getCookie("userclosedalert")=="true"){
                  $(".cookies-banner-bloc").addClass('hide');
                  removeClass = false;
            } else {
                  $(".cookies-banner-bloc").addClass('show');
                  removeClass = false;
            }
            $(".cookies-close-button").click(function () {
               document.cookie = "userclosedalert=true";

            });

        });

        </script>

CSS:

.cookies-banner-bloc {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: black;
    padding: 25px 0;
    opacity: 1;
    display:none;
}

.cookies-banner-bloc.show {
    display:block;
}

.cookies-banner-bloc.show.hide,.hide {
    display:none;
}

Answer 1

已解决!

document.cookie = "userclosedalert=true;path=/";

找到这个有用的帖子:One Cookie - Multiple Pages