Question

嘿伙计我正在使用bootstrap模态类在用户离开页面时弹出窗口。

我需要的是使用javascript而不是按钮弹出窗口。

所以它不起作用，我坚持使用它，任何帮助表示赞赏

模态窗口

<div class="modal fade" data-toggle="draftModal" data-target="#draftModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <div>
                   <p>You are about to leave the deal. Would you like to save as a draft?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>
</div>

JS

<script type="text/javascript">
$(document).ready(function(){
    window.onbeforeunload(function(event){
        event.preventDefault();
        $('.modal').modal('show');
    });
});

Answer 1

您无法使用自己的对象覆盖onbeforeunload对话框，因此不幸的是，您最好按照预期使用它。对话框将显示，但也会显示预期的事件。参考：http://msdn.microsoft.com/en-us/library/ms536907%28VS.85%29.aspx

弹出模态窗口离开页面

1 个答案: