Bootstrap Modal - 在页面加载时显示并隐藏cookie

Question

我有一个Boostrap模式，不再显示此复选框。

<div class="modal-footer">
    <label><input type="checkbox" name="dismiss" />Don't show again!</label><br />
    <button class="btn" data-dismiss="modal" aria-hidden="true">Skip</button>
</div>

我的模态ID = #myModal

我在页面加载时显示模态。但是，我想知道用户是否已选中“不再显示”复选框，如果是，则不再显示。

我正在使用这个js代码。沿着cookie.js

$(document).ready(function () {
    $('#myModal').modal();
    $('#myModal').on('hidden', function () {
        var status = $("input[name=dismiss]", this).is(":checked");
        $.cookie('modal_dismiss', status, {
            expires: 7,
            path: '/'
        });
        $("#debug").html("Value for Cookie is: " + status);
    });
});'

请注意，在morzilla中，复选框会记住它已被选中，但并未停止在页面加载时加载模态。

请帮帮忙？ ：）