Question

我正在尝试在页面重新加载之前显示模态（带有消息和确认按钮）。

我必须检查一个数组：如果它是空的我做刷新，如果不是我想显示模态并询问用户是否要重新加载。

我试过这段代码：

$(window).bind('beforeunload', function(){
            if(_pendent_annotations.length > 0){
                $('#change_document').modal('show');
                $("#change_doc_button").click(function(){
                                location.reload();
                });
                return false;       
            }

        });

问题是在重新加载时会显示alert并显示消息：

“您确定要离开此页面吗？

假“

然后我可以选择离开或留下，如果我选择留下它重新加载，如果我选择留下它显示我的modal。

如何避免警报并仅显示我的模式以供用户选择？

由于

Answer 1

试试这个：您需要阻止事件返回任何内容。

window.addEventListener('beforeunload', function(event){
    if(_pendent_annotations.length > 0){
        $('#change_document').modal('show');
        $("#change_doc_button").click(function(){
              location.reload();
        });      
    }
});

https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload

Javascript：在重新加载页面之前显示Twitter-Bootstrap模式

1 个答案: