Cómo agregar el detector de eventos para los botones html en el cuadro de diálogo de sweetalert en jQuery

Estoy usando SweetAlert box y tengo tres botones, que creé usando entradas html, pero necesito tener tres tipos diferentes de oyentes de eventos de clics que realicen acciones diferentes en cada clic de botón, pero no funciona. Por favor ayuda

$('#btnProcessRequest').click(function (e) { e.preventDefault(); // var btn = "button"; swal({ title: "HTML Consultation Review!", text: ' ' + ' ' + '', html: true }, function (idd) { $("#btnA").click(function () { alert(this.id); }); $("#btnB").click(function () { alert(this.id); }); $("#btnC").click(function () { alert(this.id); }); }); }); 

Los botones se crean en tiempo de ejecución, por lo que necesitará event delegation

Nota: si adjunta eventos de esta manera, se adjuntarán cada vez que se invoque una sweet alert . Enlazar luego de swal inicialización.

Prueba esto:

 $("#btnProcessRequest").click(function(e) { e.preventDefault(); var btn = "button"; swal({ title: "HTML Consultation Review!", text: ' ' + ' ' + '', html: true, showConfirmButton: false }); }); $(document).on('click', "#btnA", function() { alert(this.id); }); $(document).on('click', "#btnB", function() { alert(this.id); }); $(document).on('click', "#btnC", function() { alert(this.id); });