完成浏览器刷新后，如何防止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 。 您可以轻松地用localStorage或Document.cookie替换js-cookie