javascript - 带有cookie的信息框会一直显示

Question

这就是当我单击按钮时重新加载页面时的情况，我记得看起来像“单击时自行消失”的框。但是当我单击时它不会设置 cookie，并且如果它也不会检查是否已设置？.

所以现在的问题是:

• 不会添加Cookie
• 不检查我们今天的日期比我们使用 cookie 的日期多了 10 天，换句话说，是在再次显示内容之前 10 天。

我在 asp.net 中使用 Web 表单

此处为 HTML 代码

<div style="position: relative;" id="#CookieBox">
            <div class="alert alert-info fade in nomargin" style="margin: 0; position:fixed; bottom:0; right:0; left:0; height:65px; border-radius:0; z-index:10000;">
                <div class="container">
                    <p style="font-size:11px;">
                        Cookies er nødvendige for at få hjemmesiden til at fungere, men cookies giver også info om hvordan du bruger vores hjemmeside. og Cookies på denne hjemmeside bruges primært til trafikmåling
                        <button class="btn btn-info" id="AccepterCookie">Accepter</button>
                        <a href="../cookie/Cookies.pdf" target="_blank">Læs mere</a>
                    </p>
                </div>
            </div>
        </div>

这里是 Jquery 代码

<script>
            var datoCookieValue = (new Date).setDate(10); //This cookie number of days

            //It must check in sf whether it is null or whether it is more than the 10 days that I have chosen.
            if (datoCookieValue == null || datoCookieValue >= (new Date).getDay)//checking up on whether the cookie is "set"
            {
                //when you click "Accept" so be content with cookie box contents go away
                $("#AccepterCookie").click(function () {
                    $("#CookieBox").slideDown("slow");//shuts down the cookie box.

                    //addcookie here
                    $.cookie("CookieAdd", 1, { expires: datoCookieValue });
                });
            }
            else
            {
                //must first show box on the 10 days it will look when the 
                //10 days are up then the display contents again.
                $("CookieBox").hide("fast");
            }
        </script>

Answer 1

在 jquery 中有时会使用 #CookieBox 和 CookieBox 选择器。如果我认为检查日期的条件是不必要的，因为 cookie 有过期时间。

这是我的解决方案:

<div style="position: relative; display:none" id="CookieBox">
            <div class="alert alert-info fade in nomargin" style="margin: 0; position:fixed; bottom:0; right:0; left:0; height:65px; border-radius:0; z-index:10000;">
                <div class="container">
                    <p style="font-size:11px;">
                        Cookies er nødvendige for at få hjemmesiden til at fungere, men cookies giver også info om hvordan du bruger vores hjemmeside. og Cookies på denne hjemmeside bruges primært til trafikmåling
                        <button class="btn btn-info" id="AccepterCookie">Accepter</button>
                        <a href="../cookie/Cookies.pdf" target="_blank">Læs mere</a>
                    </p>
                </div>
            </div>
        </div>

jQuery:

var datoCookieValue = $.cookie('CookieAdd');

  if (!datoCookieValue) {
      $("#CookieBox").show();

      $("#AccepterCookie").click(function() {
          $("#CookieBox").hide("slow");
          $.cookie("CookieAdd", 1, {
              expires: 10
          });
      });
  }

JS fiddle :https://jsfiddle.net/cLtazsry/