当您单击关闭按钮时，jQuery UI 对话框会重新加载页面。怎么了？

Question

在我的对话框中有两个按钮。如果我单击关闭按钮，对话框将关闭并重新加载页面。如何在不重新加载页面的情况下关闭对话框？ 我的代码：

add_bankday.dialog({
            autoOpen: false,
            width: 400,
            buttons: [{
                id: 'submit',
                text: <?php echo json_encode('Add'); ?>,
                click: function(event){

                    if ($('#password').val() != calendar.resource.password){
                        $('#error').text(<?php echo json_encode('Wrong password'); ?>).css('visibility', 'visible');
                        return;
                    }

                    $.ajax({
                        type: 'POST',
                        url: 'ajax.php',
                        async: false,
                        data: {
                            op: 'add_bankday',
                            day: $('#new_bank_day').val(),
                            password: $('#ab_password').val()
                        },
                        success: function(res){
                        }
                    });
                }
            },
            {
                id: 'bank_close',
                text: <?php echo json_encode('Close'); ?>,
                click: function(){
                    $('#new_bank_day').val('');
                    $('#add_bankday').dialog('close');
                }
            }]
        });

Answer 1

只是一个想法：因为看起来您正在使用 ajax 请求，请确保您已禁用任何正常的 html 表单提交控件并使用纯 html 按钮！