Question

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

Answer 1

无法完成。当用户刷新页面时，模态将消失。

您唯一的选择是重新打开页面刷新时的模式。要做到这一点，你必须在cookie或localStorage中存储一些变量，告诉你他们还没有关闭模态。

然后你可以这样做：

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

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

Answer 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();
}

Answer 3

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

当用户刷新整个页面时，阻止bootstrap 3模态关闭

3 个答案: