javascript - 如何防止 Bootstrap 模式在浏览器刷新完成后关闭？

Question

我在我的应用程序中使用 Bootstrap 模式窗口。如果浏览器刷新功能完成，模式窗口不应关闭。有什么办法可以实现这一点吗？

Answer 1

您可以考虑使用 cookie。当页面加载时，检查 cookie 是否将模式设置为事件状态。如果是这样，则加载模态。

因此，当您加载模态时，您将设置 cookie。

var loadModal = function() {
    $('#myModal').modal('show');
    Cookies.set('isMyModalActive', true);
};

如果退出模式，请将其删除。

var exitModal = function() {
    $('#myModal').modal('hide');
    Cookies.remove('isMyModalActive');
};

最后在页面加载时检查 cookie 是否存在。

if(Cookies.get('isMyModalActive')) {
    loadModal();
}

我正在使用js-cookie为简洁起见。您可以轻松替换 js-cookie与 localStorage或Document.cookie