jquery - 推特 Bootstrap 。记住警报关闭 Action

Question

我尝试记住这篇文章后 Twitter Bootstrap 警报中的关闭操作 ( Using Bootstrap, have alert box remember close action )

我希望用户在关闭警报并再次重新加载页面后就无法看到警报。

我知道我必须将状态存储到 cookie 中，所以我使用了上面示例中建议的 JQuery 函数，但不起作用。我做错了什么？

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

Answer 1

您正在使用 $.cookie('alert-box') ，它不是标准 jQuery 函数，而是在 jquery-cookie 等库中实现的方法。 。

因此您需要添加此库或类似的库才能使用 jQuery 保存 cookie。