Как использовать диалог-модальное подтверждение перед удалением?

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();
              ....

Я все еще не понимаю, как получить идентификатор кнопки внутри модального подтверждения, а затем объединить с функцией 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, 'Ok' и 'Cancel'

После нажатия кнопки 'Ok', вызовите свой код ajax (переделайте его в отдельную функцию) и закройте диалог.

После нажатия кнопки «Отмена» просто закройте диалоговое окно.