Korzystając z Bootstrap, pamiętaj o zapamiętaniu bliskiej akcji

Question

Nov 16, 2012, 12:47 AM

Korzystając z Bootstrap, pamiętaj o zapamiętaniu bliskiej akcji

Próbuję utworzyć okno alertu Bootstrap, które pamięta, kiedy użytkownicy klikają przycisk zamykania. Myślę, że muszę przechowywać te informacje w pliku cookie. W idealnej sytuacji plik cookie będzie trwał tylko przez tę bieżącą sesję, a następnie zwróci pole pojawi się ponownie.

Używam wtyczki jQuery-Cookie. Przesłałem go do/jquery-cookie-master. Wtyczka może byćznaleźć tutaj.

To jest to, co mam do tej pory za pomocą następującego koduznaleźć tutaj.

<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>

Niestety nie działa. Po kliknięciu przycisku zamykania nie pamiętam tej akcji i jeśli odświeżę stronę, okno alarmu pojawi się ponownie.

Co zrobiłem źle?