Question

我在弹出窗口中显示“请稍候”消息。它应该等到父页面刷新。调用这样的函数会立即关闭弹出窗口，然后刷新父窗口。理想情况下，它应该等到父进行刷新然后应该关闭。这是代码：

<script type="text/javaScript">
var myWindow;
function submitForm() {
myWindow = window.open("",""); // works fine
window.parent.location.reload(true);
}
closeWindow(){
    myWindow.close();
}
$(document).ready(function() {
    submitForm();
    closeWindow();
});
</script>

Answer 1

正如我在评论中提到的那样，父母的刷新将失去对弹出窗口的引用。

对此的一个解决方案是使用css模式。这样，点击你的按钮就会提交表格，但你也会显示一个模态。

$(document).ready(function() {
    $('#openModal').hide();

    $('#button').click(function(e) {
        $('#openModal').fadeIn('slow');
        e.preventDefault();
    });
});

刷新页面时，对话框将被隐藏。

注意：如果从表单的提交按钮调用您的submitForm方法，重新加载将在提交实际丢失数据之前发生，请查看通过AJAX发布您的数据，这将避免刷新页面总数（您必须使用$('#openModal').hide();隐藏模态）

完整示例here

等待父窗口重新加载，然后关闭弹出窗口

1 个答案: