浏览器刷新完成后如何防止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