确认并提醒我的Ajax成功功能未触发

Question

I have a function that displays a table from an Ajax request :

function loadExternalBenefits() {
    var id_project = $('input[name=id_project]').val();
    $.ajax({
        url : '/projects/getExternalBenefits',
        method : 'POST',
        data : {'fk_project' : id_project, 'ajax' : true},
        success : function(result) {
            $('#panel-external-benefits').find('.right').first().html(result);

            $('.delete_external_benefits').on('click', function() {
                if(confirm("Voulez-vous vraiment supprimer cette ligne ?")) {
                    console.log('ok');
                    var id_item = $(this).data('id');
                    deleteExternalBenefits(id_item);
                } else {
                    console.log('ko');
                }
                return false;
            });
        },
    });
}

If I do a "console.log('something')" in the success function, it works, but I cannot do an alert or a confirm. Problem is I have a trigger on click that have to fire a confirm window. It systematicly displays the console.log "ko", without even displaying the dialog.

Of course, I have no error in my console and I couldn't find a solution on the Internet because most of the time, it's an issue of Ajax returning an error (not a success).

Do you have an idea ?

@el_tomato : Here is the console.log(result)

<table class="classic-table">
    <thead>
        <tr>
            <th>Libellé</th>
            <th>Quantité</th>
            <th>Prix d'achat</th>
            <th>Coeff.</th>
            <th>Prix total</th>
            <th>Marge</th>            
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Une prestation externe</td>
            <td class="align-center">3</td>
            <td class="price align-right">150,00 €</td>
            <td class="price align-right">1.2</td>
            <td class="price align-right">540,00 €</td>
            <td class="price align-right">90,00 €</td>
            <td><button class="delete_external_benefits delete" data-id="24">x</button></td>
        </tr>
     </tbody>
</table>

Answer 1

Put this inside $(document).ready() ,

$(document.body).on("click", ".delete_external_benefits", function(e) {
    if(confirm("Voulez-vous vraiment supprimer cette ligne ?")) {
        console.log('ok');
        var id_item = $(this).data('id');
        deleteExternalBenefits(id_item);
    } else {
        console.log('ko');
    }
    return false;
});

And in place of the above code, write

$('.delete_external_benefits').trigger("click");

I hope that should work