Usando o Bootstrap, tenha a caixa de alerta para lembrar a ação próxima

Question

Nov 16, 2012, 12:47 AM

Usando o Bootstrap, tenha a caixa de alerta para lembrar a ação próxima

Estou tentando criar uma caixa de alerta do Bootstrap que lembra quando os usuários clicam no botão Fechar. Eu acho que preciso armazenar essa informação em um cookie. Idealmente, esse cookie durará apenas para a sessão atual e, em seguida, a caixa retornará novamente.

Eu estou usando o plugin jQuery-Cookie. Eu fiz o upload para/jquery-cookie-master. Plugin pode serencontrado aqui.

Isso é o que eu tenho até agora seguindo códigoencontrado aqui.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="/jquery-cookie-master/jquery.cookie.js"></script>
<script>
    function runOnLoad(){
        if($.cookie('alert-box') == null) {
            $.cookie('alert-box', 'open', { expires: 7 });
        } else if($.cookie('alert-box') == 'close') {
            $(".close").hide();
        }

</script>

HTML:

<body onload="runOnLoad()">

<div class="alert alert-info">
  <button type="button" class="close" data-dismiss="alert" href="hideMe.php" onclick="hideMe()">×</button>
  <p>
    <strong>FORUM UPGRADE:</strong> In light of our recent surge in popularity we upgraded our forum and unfortunately lost all the old threads in the process.
  </p>
  <p>
    In an effort to kick-start the forum again we need your help. Sign up now and leave a post (it's free). Once we reach 100 threads every member will receive a special gift.
  </p>
  <p>
    <a href="http://example.com/forum/#/entry/register">
      <strong>Sign up to the forum now</strong>
    </a>.
  </p>
</div>

</body>

Infelizmente, não está funcionando. Quando clico no botão "Fechar", ele não se lembra dessa ação e, se eu atualizar a página, a caixa de alerta aparecerá novamente.

O que eu fiz errado?