我有一個列表中有一些刪除鏈接的腳本。如何在沒有確認()的情況下確認一個動作
當我點擊一個按鈕,我有一個功能,顯示一個內置兩個按鈕的彈出式窗口,以確認或不是該操作。
一個不知道該怎麼做!
這裏是我的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/) –