Question

这是我第一次使用jQuery dialog_modal confirmation。我想在删除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函数放入对话框初始化的按钮处理程序中。然后如上所述打开。

$('#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代码（将其重构为单独的函数）并关闭对话框。

单击“取消”按钮后，只需关闭对话框。

如何在删除前使用对话模式确认？

修改

2 个答案: