jquery - modal per conferma delete

[aquatimer2000]

Ciao a tutti ho diversi button, che come hanno come azione specifica quella di eliminare il relativo record da una tabella in un database.


Il codice di seguito, mi cancella alla perfezione i record, ma vorrei implementare la soluzione con una "modal" di conferma.

<!-- index.html -->
<div id="elencoRecord">


<!-- qui ci sono i button recuperati tramite $.get -->
<button type="button" id="btn$row[id]" data-row="$row[id]" class="btn btn-danger del-row"><i class="fa fa-trash-o"></i></button>


</div>

<!-- script in index.html -->
$(document).ready(function(){
  $.get( "elencoRecord.php", function( data ) {
    $( "#elencoRecord" ).html( data );
  });	
});

<!-- script in elencoRecord.php -->
$(document).ready(function(){
  $(".del-row").click(function () {
    var idScelto = $(this).attr("data-row");


    $.post( "delete.php", { id: idScelto } );
    
    $.get( "elencoRecord.php", function( data ) {
      $( "#elencoRecord" ).html( data );
    });
  });
});

Vorrei fare in modo che, visualizzata la modal, se confermo il delete, eseguo l'azione e ri-carico il div="elencoRecord" con in nuovi valori.

Come posso fare ?
grazie a tutti per l'aiuto!!

[cavicchiandrea]

Al click invece di lanciare le due chiamate Ajax metti l’apertura della model e le due chiamate le esternalizzi in una funzione delete() che verrà lanciata se l’operazione viene confermata (ricordandoti di passagli id) altrimenti chiudi la model.