加载页面后，关闭

Question

我正在使用Bootstrap来显示通知

<div id="admin-notice" class="alert alert-dismissible alert-info fade in">
<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
<p>Dummy Data</strong></a></p>
</div>

以上代码，驳回通知，但是当我重新加载页面时，会再次显示通知。有没有办法只查看一次通知？

提前致谢

Answer 1

然后您需要使用cookie或本地存储。请查看 fiddle 以获取本地存储示例，并告诉我们。

$(document).ready(function() {
    if(localStorage.getItem('showstate') != 'shown'){
        $("#admin-notice").delay(2000).fadeIn();
        localStorage.setItem('showstate','shown')
    }

    $('.close').click(function(e) 
    {
    $('#admin-notice').fadeOut(); 
    });
});