1

Eu tenho uma div que pode ser oculta ao clicar em um botão:

$(".fechar").click(function(){
    $("#mensagem").hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mensagem">
  <p>(...)</p>
  <button class="fechar">Fechar e não mostrar novamente</button>
</div>

O que preciso é que ela não volte mais a aparecer após ser oculta pela primeira vez.

Encontrei uma forma com o Jquery dialog, mas ele não me permite personalizar direito, pelo menos não de forma simples, então preciso e prefiro que seja assim.

Como faço para memorizar esta ação no localStorage?

4
  • Mas este código que colocou já faz exatamente isto.
    – LeAndrade
    8/11/2018 às 15:24
  • Não, @LeAndrade... eu preciso que seja memorizado no localStorage para que, mesmo atualizando a página, esta div não apareça novamente... 8/11/2018 às 15:25
  • @ThiagoSoubra, veja minha resposta sobre
    – Jorge.M
    8/11/2018 às 15:29
  • Nossa verdade, não prestei atenção!
    – LeAndrade
    8/11/2018 às 15:31

1 Resposta 1

0

Simples, primeiro você precisa capturar no seu evento click que a div foi clicada, poderia ser algo como:

$(".fechar").click(function(){
    $("#mensagem").hide();
    //definindo que foi clicado
    window.localStorage.setItem('clicado', 'clicado');
});

E no seu document.ready(), verifique se clicado está definido, caso estiver, oculte a div:

$(document).ready(function(){ 
   if(window.localStorage.getItem('clicado')) {
        $("#mensagem").hide(); 
   } 
});

Seu código final:

$(".fechar").click(function(){
    $("#mensagem").hide();
    window.localStorage.setItem('clicado', 'clicado');
});

$(document).ready(function(){ 
   if(window.localStorage.getItem('clicado')) {
        $("#mensagem").hide(); 
        console.log('clicado definido')
   } 
});

Veja funcionando no Jsfiddle: https://jsfiddle.net/x43n7fsu/2/

4
  • Muito obrigado pela resposta, amigo! Mas eu fiquei meio perdido... colei esse teu código lá e a função não funcionou. Deve ser porque não estou sabendo usar. Será que você pode por pra mim aqui nesse Fiddle? link 8/11/2018 às 15:31
  • @ThiagoSoubra Editei a resposta, olhe agora.
    – Jorge.M
    8/11/2018 às 15:39
  • Perfeito! muito agradecido!! 8/11/2018 às 15:47
  • Por nada, amigo :D
    – Jorge.M
    8/11/2018 às 15:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .