如何在删除之前使用对话框模态的确认？

Question

这是第一次，我使用的jQuery dialog_modal确认。 我想AJAX功能内删除数据之前，使用此。 我还在困惑如何正确地把这个脚本。

在这个对话框之前，我有一些脚本，如：

 $('#delete').click(function() {
          var params = $('#deletedata').serialize();
          $.ajax({
                   async  : false,
                   cache  : false,
                   data   : params,
                   success: function(res) {
                     //        oTable.fnReloadAjax();
                               $('#recline1').replaceWith("<div id='recline1'></div>");
                               $('#recmodel1').replaceWith("<div id='recmodel1'></div>");
                               $('#tabs').hide();
                               return this;
                               },
                   type   : "POST",
                   url    : "process1.php",
                   });
             return false;
        });

我想如果点击delete，这会出现对话框，然后如果我们选择delete at dialog删除处理时会做什么，但如果我们选择no所有打开的标签页和此对话框将隐藏。

---

修改

我曾尝试这样的，并在对话框确认可以出现：

$('#delete').click(function() {
              $('#dialog-confirm').dialog('open');
              var params = $('#deletedata').serialize();
              ....

我仍然困惑于如何让模式确认内部按钮的ID，然后用AJAX功能结合？

Answer 1

您可以把您的AJAX功能到按钮处理程序的对话框INITIALISE。然后你描述上面开放。

$('#dialog-confirm').dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        'Delete': function () {
            // Perform the delete
            $.ajax({
                url: "process1.php",
                success: function () {
                    ...
                }
            });
        },
        Cancel: function () {
            $(this).dialog('close');
        }
    }
});

Answer 2

把两个按钮，你的对话框，确认DIV中，“确定”和“取消”

在点击“确定”按钮，打电话给你的Ajax代码（它重构到一个单独的功能），并关闭对话框。

当点击“取消”按钮，就关闭该对话框。