Banner per accettazione cookies

linuxmail

Banner per accettazione cookies

Non mi chiude il banner quando clicco, sbaglio qualcosa?

<div id="cookiespop1">
        <div class="message">
            "messaggio"<a style="color: white;" href="link"><u>"messaggio"</u></a>.
        </div>
        <div class="confirm-cookies-ctn1">
            <div class="confirm-cookies1">
                <div class="text"><a style="cursor: pointer;" id="okayA"><i class="fa fa-check"></i> Okay</a></div>
            </div>
        </div>
    </div>

<script type="text/javascript">
            $("#okayA").click(function(){
                $("#cookiespop1").hide();
            });
        </script>

flaviors200

Ciao linuxmail,

l'errore è che stai provando a richiamare l'oggetto di jQuery (tramite il $), senza aver incluso la libreria di JQuery appunto.

Le soluzioni sono due:

Utilizzi Javascript puro
Includi la libreria di JQuery prima di richiamare il $

Nel caso 1 rimuovi il codice JS che hai messo e aggiungi l'evento onlick all'elemento a:

[HTML]<div class="text"><a style="cursor: pointer;" id="okayA" onclick="document.getElementById('cookiespop1').style.display='none';"><i class="fa fa-check"></i> Okay</a></div>[/HTML]

Nel caso 2 aggiungi solo la seguente riga prima di richiamare l'oggetto di JQuery:

[HTML]<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>[/HTML]