Задать вопрос
TARAKANhoy
@TARAKANhoy
bootstrap

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

Есть модальное окно, например Авторизация, внутри него есть ссылка Регистрация при нажатии на которую должна закрываться текущая модалка и открываться модалка с регистарцией. Добился этого с помощью такой конструкции:
<a href="#" data-dismiss='modal' data-toggle="modal" data-target="#signup-modal">Регистрация</a>

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

Пример на CodePen
  • Вопрос задан
  • 431 просмотр
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
@Dvorakovski
Попробуй через JS.
.modal('hide') - этот метод прячет модалку (первую спрятать)
.modal('show') - этот показывает (вторую показать)
Тут подробно описано
Ответ написан
Комментировать
Комментировать
TARAKANhoy
@TARAKANhoy Автор вопроса
Решение:
// Modal
		function launchModal(id) {
			$('.modal').modal('hide');
			$('#'+id).modal('show');
			$('.body-wrapper').addClass('modal-open');
		}
		$('.close').click(function(){
			$('.body-wrapper').removeClass('modal-open');
		});

<a href="#" rel="nofollow" data-toggle="modal" onclick="launchModal('signup-modal')" class="modal-title__link">Регистрация</a>


P.S. вся страница должна быть в блоке .body-wrapper примерно так:
<body>
	<div class=""body-wrapper>
		//Тело страницы
	</div>
</body>


если вешать класс на body почему-то не срабатывает
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack-разработчик (Vue 3, TypeScript, Firebase)
Onemoney
от 180 000 до 180 000 ₽
Senior Generalist Game Designer
Wanted. • Москва
До 5 000 $
React Native Developer
Wanted. • Санкт-Петербург
До 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
IOS, переделать твик с rootfull под rootless jailbreak, есть исходник
22 дек. 2024, в 01:54
50000 руб./за проект
AppMetrica для Godot ( Можете предлагать свою цену )
21 дек. 2024, в 23:34
3000 руб./за проект
Разработка интеграции в make.com
21 дек. 2024, в 22:05
2000 руб./в час
Ещё заказы