Lassen Sie die Alarmbox bei Verwendung von Bootstrap an das Schließen der Aktion denken
Ich versuche, ein Bootstrap-Warnungsfeld zu erstellen, das erinnert, wenn Benutzer auf die Schaltfläche zum Schließen klicken. Ich denke, ich muss diese Informationen in einem Cookie speichern. Im Idealfall hält das Cookie nur für diese aktuelle Sitzung an, und als nächstes wird die Box wieder angezeigt.
Ich benutze das jQuery-Cookie-Plugin. Ich habe es hochgeladen/jquery-cookie-master. Plugin kann seinhier gefunden.
Dies ist, was ich bisher habe, indem ich Code folgehier gefunden.
<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>
Leider funktioniert es nicht. Wenn ich auf die Schaltfläche zum Schließen klicke, merkt es sich diese Aktion nicht und wenn ich die Seite aktualisiere, wird das Warnfeld erneut angezeigt.
Was habe ich falsch gemacht?