不知道如何用 cookie 隐藏 div答案

【问题标题】：Don't know how to hide a div with a cookie不知道如何用 cookie 隐藏 div
【发布时间】：2021-07-31 07:46:39
【问题描述】：

这是我在 Stack Overflow 上的第一个问题。我想创建一个大富翁游戏，您必须在购买后扫描二维码来占领道路。我曾设想，对于每条街道，您将被带到一个单独的页面，该页面将设置一个 cookie。 3 秒后，我将自动重定向到我的主页，在那里我的街道将显示给我。我想解决这个问题，以便页面上已经有所有 22 条街道。默认情况下全部隐藏。当你有合适的 cookie 时，就会显示属于我的街道。我已经编写了一些代码，但这不起作用。你可以帮帮我吗？当我有正确的 cookie 时，我首先尝试隐藏一个元素。不幸的是，这不起作用。我知道这与我想要的相反。这种方式速度更快。

翻译为www.DeepL.com/Translator（免费版）

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js" 
</script>
<script>
if ($.cookie("Karte") === "Schlossallee1") {
 $("p").hide();
}
</script>
</head>
<body>

<p>Disappear.</p>
</body>
</html>

这是您获取 cookie 的第一个站点。

<?php
$cookie_name = "Karte";
$cookie_value1 = "Schlossallee1";
$cookie_value2 = "Schlossallee2";
setcookie($cookie_name, $cookie_value1, time() + (86400 * 30), "/", "example.com", 1);
?>
<html>
<?php
if(!isset($_COOKIE[$cookie_name])) {
  echo "Cookie named '" . $cookie_name . "' is not set!";
} else {
  echo "Cookie '" . $cookie_name . "' is set!<br>";
  echo "Value is: " . $_COOKIE[$cookie_name];
}
?>
<meta http-equiv="refresh" content="5; URL=https://example.com/monopoly/Spiel/index.php">
</html>

【问题讨论】：

标签： javascript html jquery cookies

【解决方案1】：

一开始这样的事情怎么样。

if (getCookie("Karte") === "Schlossallee1") {
  $("p").show();
} else {
  $("p").hide();
}

/* Copied function below from w3schools */
/*https://www.w3schools.com/js/js_cookies.asp */
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 "";
}

【讨论】：