Creé una barra de notificación en mi sitio que no quiero que se vuelva a mostrar a los usuarios en visitas posteriores después de que la cierren por primera vez. La barra funciona como se esperaba, pero parece que no puedo hacer que la cookie funcione para no volver a mostrarla
$(document).ready(function(){ $(".m-close").click(function(){ $(".m-bar").hide(600); }); }); <center> <div class="m-bar m-red"> <a class="m-microphone"><i class="material-icons" style="font-size:26px;">mic</i></a> <a class="m-content" style="color: white;">Something Text</a> <a class="m-close" href="#"><i class="material-icons">close</i></a> </div> </center> <br><br>Aquí hay un ejemplo de código:
function addCookie(name, value, days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); document.cookie = name + "=" + value + expires + "; path=/"; } function getCookie(name) { var nameEQ = name + "="; 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, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } // When clicking the close button addCookie('hidden', 'yes', 30); // Checks for announcement const isHidden = getCookie('hidden'); if (isHidden == 'yes') { // Hide the announcement $(".m-bar").hide(600); } else { // Show the announcement // ... }Primero puede usar la función "addCookie()" para agregar una cookie cuando cierra el anuncio.
Después de eso, cuando muestre el anuncio, verifique si la cookie 'oculta' está configurada en sí, si está configurada en 'sí', oculte el anuncio, de lo contrario, muéstrelo.
También, por supuesto, puede usar diferentes nombres y valores y fechas de caducidad para sus cookies, le recomiendo establecer una fecha de caducidad larga.