如何在没有确认（）的情况下确认一个动作

Question

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

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

一个不知道该怎么做！

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

Answer 1

添加事件处理程序到您的确认按钮，在模式，并呼吁从你的删除功能。

例如：

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