1

这是我第一次使用 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 函数结合感到困惑？

4

2 回答 2

2

您可以将 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');
        }
    }
});
于 2010-10-27T08:14:57.917 回答
0

在您的对话框确认 div 中放置两个按钮，“确定”和“取消”

单击“确定”按钮后，调用您的 ajax 代码（将其重构为单独的函数）并关闭对话框。

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

于 2010-10-27T08:08:55.930 回答