Jquery 单击超链接时将div设置为不透明度0

当我单击“关闭此消息”时，我正试图隐藏“cookies”标题区的

div

。我哪里做错了

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>  

.hide {
  opacity:0;
}

JS:

演示：

---

单击按钮时，您没有进行检查。只需将您的条件移动到单击的内部

但是，为什么要设置和删除cookie？我看不出它在这里有什么用处

$( document ).ready(function() {

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

    });

});

---

单击按钮时，您没有进行检查。只需将您的条件移动到单击的内部

但是，为什么要设置和删除cookie？我看不出它在这里有什么用处

$( document ).ready(function() {

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

    });

});

---

getCookie没有定义，因此您会遇到此错误

未捕获引用错误：未定义getCookie

。也许你应该使用

document.cookie

。您可以在这里找到如何阅读cookies：

---

到目前为止，其余的看起来不错，所以在修复之后，一切都应该按预期工作。

getCookie没有定义，因此您会遇到此错误

未捕获引用错误：未定义getCookie

。也许你应该使用

document.cookie

。您可以在这里找到如何阅读cookies：

---

到目前为止，其余的看起来还不错，因此在修复之后，一切都应该按预期进行。

您还必须在单击事件之后添加该类：

$( document ).ready(function() {

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

 });

---

因此，它将在重新加载和单击事件之后工作。

您还必须在单击事件之后添加类：

$( document ).ready(function() {

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

 });

---

因此，它将在重新加载和单击事件之后工作。

我使用jQuery cookie来管理cookie。
我发现它很容易使用

关于如何使用的文档是。。。事件如果不再维护此GitHub页面，则它对文档有用。最近的CDN是

---

我使用jQuery cookie来管理cookie。
我发现它很容易使用

关于如何使用的文档是。。。事件如果不再维护此GitHub页面，则它对文档有用。最近的CDN是

---

您可以使用display none属性使用css隐藏div。您可以使用display none属性使用css隐藏div。