如何在pop-in中确认没有confirm（）的操作

Question

我的脚本中有一些删除链接。

当我点击一个按钮时，我有一个功能，显示一个内置两个按钮的弹出窗口，以确认或不确认动作。

A不知道怎么做！

这是我的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();
});