Bootstrap Модальное переопределение закрытия события

Question

У меня есть модальное предупреждение Bootstrap. Я могу обработать событие нажатия на кнопку «ОК», например:

$('button[data-dismiss="ok"]', confirmModal).on('click', function (event) {
    // ...
});

но я хочу по-другому обработать кнопку "отмена / модальное":

$('button[data-dismiss="modal"]', confirmModal).on('click', function (event) {
   // ...
});

В результате обработки события modal модальное окно будет закрыто, но по какой-то причине не вернет фокус на документ. Codepen

Answer 1

Кажется, проблема в этой строке:

confirmModal.remove();

Вы прячете модал непосредственно перед его удалением. Таким образом, модал удаляется, скрывая его. Это объясняет, почему вы не видите событие «двигаться вверх» при закрытии. Модал просто исчезает.

Удаление модального после события hidden.bs.modal решит вашу проблему:

confirmModal.on('hidden.bs.modal', function () {
    confirmModal.remove();
});

Надеюсь, это решит вашу проблему: -)