使用JQuery Cookie每周显示一次Bootstrap模式

我试图让我的模态只显示一周一次。对于用户访问我的主页的所有页面来说，这应该是有罪的。模态本身工作得很好。但每次我重新加载页面或转到另一个页面时，它都会出现。

提前感谢!

对于cookie，我使用如下:

https://github.com/js-cookie/js-cookie

下面是我的代码:

// MODAL APPEAR AFTER 2 SECONDS
setTimeout(function() {
    $('#newsletter-modal').modal();
}, 2000);
// MODAL COOKIE FOR 7 DAYS
$(function() {
    if($.cookie('alreadyShow') === null) {
        $.cookie('alreadyShow', true, {expires: 7});
        $('#newsletter-modal').modal({
            display: 'block'
        });
    }
});

<script type="text/javascript" src="/js/js.cookie.js"></script>
<div class="modal fade" id="newsletter-modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h1 class="modal-title">Modal Headline</h1>
                    </div>
                    <div class="modal-body">
                        <p>Modal content goes here</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary newsletter-modal-close" data-dismiss="modal">Yes</button>
                        <button type="button" class="btn btn-default newsletter-modal-close" data-dismiss="modal">No</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

// MODAL COOKIE FOR 7 DAYS
$(function() {
    if($.cookie('alreadyShow') === null) {
        // MODAL APPEAR AFTER 2 SECONDS
        setTimeout(function() {
            $('#newsletter-modal').modal();
        }, 2000);
        $.cookie('alreadyShow', true, {expires: 7});
        $('#newsletter-modal').modal({
            display: 'block'
        });
    }
});