@kindpirate

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

Имеются модальное окно и следующие ссылки, ведущие на разные вкладки модального окна:

<a href="#autorizeTab" class="btn btn-warm" data-toggle="modal" data-target="#generalModal">Войти</a>
<a href="#registerTab" class="btn btn-warm" data-toggle="modal" data-target="#generalModal">Регистрация</
<div class="modal" id="generalModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div role="tabpanel">
                     <ul class="nav nav-tabs" id="referenceTab">
                        <li class="nav-item">
                            <a class="nav-link active" href="#autorizeTab" data-toggle="tab">Вход</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#registerTab" data-toggle="tab">Регистрация</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane show active" id="autorizeTab">
                            @include('layouts.components.modalComponents.autorizeModal')// строка для шаблонизатора
                        </div>
                        <div role="tabpanel" class="tab-pane" id="registerTab">
                            @include('layouts.components.modalComponents.registerModal')// строка для шаблонизатора
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>
</div>


нужно, чтобы при загрузке страницы, в зависимости от того, есть ли ошибки проверки данных открывалась определенная вкладка:
$(document).ready(function() {
@if($errors->has('reg_error'))// строка для шаблонизатора
$('.nav-tabs a[href="#registerTab"]').tab('show');
@elseif($errors->has('auth_error'))// строка для шаблонизатора
$('.nav-tabs a[href="#autorizeTab"]').tab('show');
@endif// строка для шаблонизатора
});


Но данный код не работает. Какие существуют решения данной проблемы? Используется Boostrap 4
  • Вопрос задан
  • 369 просмотров
Пригласить эксперта
Ответы на вопрос 1
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
ну табы то ты переключаешь, а вот где у тебя собственно $('#generalModal').modal('show') ?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы