Question

我正在使用js-cookie来设置cookie。我有一个div设置为display: none;，如果设置了cookie，我想将其更改为display:block;。

HTML：

<div id="cookie-hide">
  <p>test</p>
 </div>

CSS：

<style>
#cookie-hide {display: none;}
</style>

这是JS：

<script>
function checkCookie() {
    var user= Cookies.get('video')
    if (user != "") {
      document.getElementById("cookie-hide").style.display = "block";
    }
}

Cookies.set('video', 'play');
</script>

我可以在chrome中看到已经设置了cookie，但div仍然没有显示。任何想法代码有什么问题？

Answer 1

这样做：

if (user == "") {
var x = document.getElementById("cookie-hide");
x.style.display = "block";
}

这应该有效

Answer 2

代码很好。你没有在任何地方调用这个函数。

function checkCookie() {
    var user= Cookies.get('video')
    if (user != "") {
        document.getElementById("cookie-hide").style.display = "block";
    }
}

Cookies.set('video', 'play');

checkCookie();         // <----- This line.

DEMO：https://jsfiddle.net/u1x030b4/

如果设置了cookie，则显示div

2 个答案: