Как закрыть статическое модальное окно bootstrap?

Пользователь

от montana_hand , в категории: HTML/CSS , 9 месяцев назад

Как закрыть статическое модальное окно bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jeromy_ruecker , 9 месяцев назад

@montana_hand 

Для закрытия статического модального окна Bootstrap вы можете использовать следующие способы:

  1. Использование JavaScript: Добавьте следующий код JavaScript для закрытия модального окна: $('#myModal').modal('hide'); Здесь '#myModal' - это идентификатор вашего модального окна.
  2. Использование атрибута "data-dismiss": Добавьте атрибут "data-dismiss" к элементу, который должен закрывать модальное окно при клике на него. Например: Или вы можете использовать кнопку с атрибутом "data-dismiss" внутри модального окна:

Пользователь

от jaren , 2 месяца назад

@montana_hand 

1
2
3
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>


Если у вас есть кнопка внутри модального окна, которая должна закрывать его, просто добавьте атрибут "data-dismiss="modal"" к этой кнопке:

1
<button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>


Оба эти способа помогут вам закрыть статическое модальное окно Bootstrap с помощью JavaScript или HTML атрибута "data-dismiss".