Как закрыть все активные модальные загрузки при тайм-ауте сеанса?

Мне нужно сделать вызов, когда пользователь простаивает и передает время сеанса, которое закроет все модальности Bootstrap. Модалы, являющиеся активными, зависят от того, что пользователь делает в то время, поэтому я хотел бы сделать что-то, что все охватывает.

Я пробовал:

$('.modal').modal('toggle');

Когда происходит тайм-аут, но мои модалы все еще существуют.

Ответы

Ответ 1

Используйте следующий код:

$('.modal').modal('hide');

Также, если вы хотите что-то сделать, если модаль скрыт, вы можете сделать это:

$('.modal').on('hidden', function () {
  // write your code
});

Ответ 2

В правильном ответе отсутствует что-то жизненно важное.

$('.modal').modal('hide') closes all active pop ups.
$('.modal-backdrop').remove() removes the grey overlay.

Вторая строка жизненно важна, если вы хотите, чтобы пользователи использовали страницу как обычно.

Ответ 3

Попробуйте следующим образом: $('.modal.in:visible').modal('hide');