открыть модальное внутри функции jquery сохранить изменения и вернуться к функции jquery

Question

Я новичок в jQuery и начальной загрузке. У меня есть функция jQuery, которая запускается из другого события щелчка, затем я открываю модальное поле, и у модального поля есть несколько полей ввода, и как только они сохранены, я хочу вернуться к функции jQuery, которая инициировала модальное шоу.

Кроме того, когда я сохраняю данные из модального режима, он вызывает другую функцию для сохранения значений. Есть ли что-то вроде «подождите, пока модальный будет закрыт».

Кусок кода (разделяющий псевдокод)

select: function(start, end, allDay) {
          //opening the modal here...
          $('#myModal').modal('show');


          if (title) {
            console.log(title)
            calendar.fullCalendar('renderEvent', {
                title: title,
                start: start,
                end: end,
                allDay: allDay
              },
              true // make the event "stick"
            );
          }
          calendar.fullCalendar('unselect');
        }


//modal code , closing it once data is fetched..
$('#testData').submit(function (event) {
        event.preventDefault();
        startTime= $('#startTime').val();
        endTime=$('#endTime').val();
        title=$('titleH').val();
        console.log(startTime);
        console.log(endTime);
        $('#myModal').modal('close');
      });

Как только модальный будет закрыт, как мне вернуться к предыдущемуфункция обратного вызова?

Answer 1

Вы не можете вернуться к функции, которая показала модал после его показа. Что вы можете сделать, это связать обработчик события с событием закрытия модала, которое вызывает функцию, содержащую логику, которую вы хотите выполнить после закрытия модала. Если я правильно понимаю ваш код, я думаю, что вы захотите выполнить следующую логику после закрытия модала:

if (title) {
  console.log(title)
  calendar.fullCalendar('renderEvent', {
    title: title,
    start: start,
    end: end,
    allDay: allDay
  },
  true // make the event "stick"
  );
}
calendar.fullCalendar('unselect');

Это правильно? Если так, что-то вроде этого должно работать:

$('#myModal').on('hidden.bs.modal', function () {
  if (title) {
    console.log(title)
    calendar.fullCalendar('renderEvent', {
      title: title,
      start: start,
      end: end,
      allDay: allDay
    },
    true // make the event "stick"
    );
  }
  calendar.fullCalendar('unselect');
});