提交后如何创建jQuery模态对话框弹出确认框？

Question

我目前正在为公司数据库编辑和删除页面。

edit.php

我正在尝试让 PHP 检查表单是否已成功提交（它向自身发布），一旦完成此检查，它将呈现一个 jquery 模式框，通知用户该表单已成功编辑。

删除.php

这个页面真的有必要吗？我可以很容易地使用 DreamWeaver 程序来设置它，但是为了删除一个简单的记录而必须呈现一个新页面似乎很费力。

顶部导航栏上显示的每条记录都有一个链接，标记为“删除”。理想情况下，我希望在单击此按钮时呈现另一个 jQuery 模式框，以确认用户是否真的想要删除记录。

如果单击“是”，则会出现另一条消息，告诉用户该记录已被删除。然后用户将被重定向到另一个页面。

如果单击“否”，则对话框将直接关闭。

我目前正在努力用代码编写这个。我正在考虑使用 Facebox 插件来呈现模态框，但我还可以从哪里开始挖掘以找到有关如何构建 Facebox 基本功能的更多信息。

Answer 1

我建议使用具有对话框实现的jQuery UI。该页面上的代码有各种示例，包括适用于编辑页面的示例

然后要删除一条记录，您可以有一个 jquery 对话框，如果用户按下 Ok，使用 jQuery ajax 函数将所需的详细信息发布到 delete.php，然后执行删除。 jquery 端看起来像：

$(function() {
    $("#dialog").dialog({
        bgiframe: true,
        resizable: false,
        height:140,
        modal: true,
        overlay: {
            backgroundColor: '#000',
            opacity: 0.5
        },
        buttons: {
            'Delete this item': function() {
                                    //ajax request here

                $(this).dialog('close');
            },
            Cancel: function() {
                $(this).dialog('close');
            }
        }
    });
});