У меня есть несколько страниц, приходящих из WordPress, которые в любой момент могут иметь разделение предупреждений в верхней части страницы, содержащее различную информацию. Я настраиваю повара ie с помощью кнопки, которая также отключает предупреждение. Поскольку jQuery хранится в одном месте, он всегда будет устанавливать один и тот же повар ie для всех страниц и, следовательно, не показывать предупреждение на любой другой странице.
Любые идеи о том, как сделать повар ie уникальная страница за страницей, то есть, может быть, взять заголовок страницы и использовать его в качестве имени? Есть ли лучший способ сделать это? Любой совет будет принят во внимание. Я использую библиотеку js -cook ie.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Cookie Test</title>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
function setCookie(){
Cookies.set("csalert", "true", { expires: 1});
};
$(document).ready(function(){
//the dismiss button triggers the function setCookie and hides the alert container
$("#dismiss").click(function(){
$(".alert-container").hide();
});
//if the cookie is set then do not show the alert or dismiss button on next page load
if (document.cookie.indexOf('csalert') >= 0) {
$('.alert-container').hide();
}
});
</script>
</head>
<body>
<div class="alert-container">
<div class="alert-message-container">This is our alert message.</div>
<a href="#" id="dismiss" onclick="setCookie()">Dismiss</a>
</div>
<h1 class="entry-title">Page title</h1>
</body>
</html>