我曾试图记住 Twitter Bootstrap 警告框的关闭操作,遵循这篇文章(Using Bootstrap, have alert box remember close action)。
我希望用户在关闭警告框后重新加载页面时不能再看到它。
我知道我必须将状态存储到 cookie 中,因此我使用了上面示例中建议的 JQuery 函数,但它不起作用。我做错了什么吗?
示例 -> http://jsfiddle.net/kFy5y/
提前致谢!
jQuery(function( $ ){
// Check if alert has been closed
if( $.cookie('alert-box') === 'closed' ){
$('.alert').hide();
}
// Grab your button (based on your posted html)
$('.close').click(function( e ){
// Do not perform default action when button is clicked
e.preventDefault();
/* If you just want the cookie for a session don't provide an expires
Set the path as root, so the cookie will be valid across the whole site */
$.cookie('alert-box', 'closed', { path: '/' });
});
});
警报
<div class="alert alert-info fade in">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong> ALERT BODY</strong>
</div>
$(".alert").alert()
。$(x).alert()
也不是 jQuery 函数。将其删除,就可以了。请注意,当您单击关闭按钮时,它会设置您的 cookie。如果您刷新页面,则该 div 将被隐藏。Fiddle:http://jsfiddle.net/rrikesh/kFy5y/3/ - RRikesh