bootstrap - Interceptando una llamada jQuery.ajax() con confirm()

jquery confirm cdn

Question

Tengo una llamada ajax vinculada a un enlace a través de jQuery, y quiero que sea interceptada por un diálogo de confirmación. Pero la llamada ajax se activa independientemente de la opción seleccionada (incluso si el usuario simplemente cierra el cuadro de diálogo).

¿Hay alguna manera de hacer que la confirmación funcione como lo hace en contextos síncronos?

HTML:

<a href="#" class="removeItem delete">remove</a>

jQuery:

$(''.delete'').click(function () {
    confirm(''Are you sure you want to delete this?'');
});


$(''.removeItem'').click(function (event) {
    event.preventDefault();

    $.ajax({
        url: ''myUrl'',
        type: "POST",
        data: {
            // data stuff here
        },
        success: function () {
            // does some stuff here...
        }
    });
});

Answer 1

$(''.removeItem'').click(function (event) {
    if (confirm(''Are you sure you want to delete this?'')) {
        $.ajax({
            url: ''myUrl'',
            type: "POST",
            data: {
                // data stuff here
            },
            success: function () {
                // does some stuff here...
            }
        });
    }
});