En el siguiente código, aparece la ventana emergente, pero la parte AJAX también se ejecuta.

Lo que quiero aquí es que si se ejecuta la ventana emergente $('#confirmCloseFutureEvent').modal('show')) no quiero que se ejecute la llamada $.ajax . Quiero que AJAX se ejecute si ref == true . ¿Cómo puedo hacer esto?

 function checkFutureEvents() { var result = false; $('.event-form-edit').each(function() { $endEventDateTime = $(this).find('.eventEndDateTime').val(); $endEventDates = $endEventDateTime.substring(0, $endEventDateTime.lastIndexOf(' ')); $currentDate = moment(new Date(), 'MM/DD/YYYY').format('MM/DD/YYYY'); $endEventDate = moment($endEventDates, 'MM/DD/YYYY').format('MM/DD/YYYY'); $eventStatus = $(this).find('.event-status option:selected').text(); if ($eventStatus == 'Closed' && $endEventDate > $currentDate) { $('#confirmCloseFutureEvent').modal('show'); $('#close-future-event').on('click', function() { listenerSaveModuleJob($(this)); }); result = false; } else { result = true; } }); return result; } $('#btn').on('click', function() { listenerSaveModuleJob(); }); function listenerSaveModuleJob($elt) { var res = checkFutureEvents(); if (res == false) { return false; } $form = $elt.closest('.panel-default').find('form[class="job_modules"]'); $.ajax({ type: 'POST', cache: false, url: $form.data('action'), data: formSerialize, success: function(data) { //do-something } }