如何在弹出窗口中不使用 confirm() 来确认操作

Question

我有一个脚本，在列表中删除了一些 link。

当我点击一个按钮时，我有一个功能，显示一个弹出窗口，里面有两个按钮，以确认或不确认该操作。

不知道怎么做！

这是我的 js :

$(document).on('click', '.delete-input', function(e) {
  e.preventDefault();
  var tags = $(this).parent().parent().parent().prev(); /* Cible la div .tags */
  var tagId = tags.find('.id p').text();
  var prov = tags.find('.prov p').text();
  var methode = "delete";

  let data = {
    "tagId": tagId,
    "prov": prov,
    "methode": methode
  };
  openModal(tagId);

  /*$.ajax({
    url: "path/to/script.php",
    type: "post",
    data: data,
    dataType: "json",
    success: function(code_html, statut, data) {
      tags.parent().remove();
    },
    error: function(resultat, statut, erreur) {
      console.log("La requête n'a pas aboutie...");
      console.log(resultat);
      console.log(statut);
      console.log(erreur);
    }
  });*/
});


function openModal(tagId, $prov, $methode) {
  var html = "<div class='confirm'>";
  html += "<p>Voulez vous vraiment supprimer le tag id : " + tagId + " ?</p>";
  html += "<div class='action-button'>";
  html += "<button class='action-tag delete-tag'>Oui</button>";
  html += "<button class='action-tag keep-tag'>Non</button>";
  html += "</div>";
  html += "</div>";
  $(".wrapper").prepend(html);
}

$(document).on('click', '.delete-tag, .keep-tag', function(e) {
  var clickedButton = $(this).attr("class");
  clickedButton = clickedButton.split(" ");
  clickedButton = clickedButton[1];

  if (clickedButton == "delete-tag") {
   alert("tag deleted !");
  }else if(clickedButton == "keep-tag"){
   alert("tag keeped !");
  }
 });

Answer 1

向模态中的确认按钮添加一个事件处理程序，并从中调用删除函数。

例如：

$(body).on('click', '.delete-tag', function () {
  delete();
});

如何在弹出窗口中不使用 confirm() 来确认操作

How to confirm an action without confirm() in pop-in

javascript

callback

wait