不知道如何用 cookie 隐藏 div
[英]Don't know how to hide a div with a cookie
问题描述
这是我在 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>
1 个解决方案
解决方案1
0 2021-05-09 19:51:11
一开始这样的事情怎么样。
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 ""; }
如何用 cookie 隐藏 div
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.