我有一个列表中有一些删除链接的脚本。如何在没有确认()的情况下确认一个动作
当我点击一个按钮,我有一个功能,显示一个内置两个按钮的弹出式窗口,以确认或不是该操作。
一个不知道该怎么做!
这里是我的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) {
\t \t var clickedButton = $(this).attr("class");
\t \t clickedButton = clickedButton.split(" ");
\t \t clickedButton = clickedButton[1];
\t \t if (clickedButton == "delete-tag") {
\t \t \t alert("tag deleted !");
\t \t }else if(clickedButton == "keep-tag"){
\t \t \t alert("tag keeped !");
\t \t }
\t });
或者,看看[jQuery的用户界面对话框(http://api.jqueryui.com/dialog/) –