当用户刷新整个页面时，防止 bootstrap 3 modal 关闭答案

【问题标题】：prevent bootstrap 3 modal from closing when user refreshes the entire page当用户刷新整个页面时，防止 bootstrap 3 modal 关闭
【发布时间】：2016-10-13 11:09:59
【问题描述】：

当用户刷新页面时，如何防止 bootstrap 3 modal 关闭？我希望用户只使用 CLOSE 按钮关闭模式，没有别的。

【问题讨论】：

标签： javascript c# jquery asp.net twitter-bootstrap-3

【解决方案1】：

这是不可能的。当用户刷新页面时，模式将消失。

您唯一的选择是在页面刷新时重新打开模式。为此，您必须在 cookie 或 localStorage 中存储一些变量，以告诉您他们尚未关闭模式。

然后你可以这样做：

$(function() {
    if(cookieOrLocalStorageVariable) {
       $('#myModal').modal(options);
    }
});

cookieOrLocalStorageVariable 需要由您定义，并且应该在显示模式后设置。

【讨论】：

【解决方案2】：

考虑基于flag的页面加载方法打开，这里是isModalOpen

function openModal() {
    $('#myModal').modal('show');
    localStorage.setItem('isModalOpen', true);
};

function closeModal() {
    $('#myModal').modal('hide');
    localStorage.setItem('isModalOpen',false);
};

页面加载期间

if(localStorage.getItem('isModalOpen')) {
    openModal();
}

【讨论】：

【解决方案3】：

你不能这样做。你必须在 localstorage/cookie/session 中存储一个值。你必须使用存储在本地 storage/cookie/session 中的值重新打开模式。我同意杜尔加的回答。我认为这是最好的答案。

【讨论】：