Как с помощью Bootstrap сделать фокусировку на форме модального окна?

Question

[AleksMedovnik]

Здравствуйте!
Есть модальное окно с формой с помощью Bootstrap. Нужно сделать фокусировку на форме при каждом открытии модального окна без перезагрузки страницы.
Добавил атрибут "autofocus" к "input". Но фокусировка происходит только после перезагрузки страницы.
А, JS - настройки:
$('#myModal_1').modal({
focus: true
});
открывает модальное окно сразу при инициализации.
Спасибо!

Answer 1

[Сергей Герасимов]

Самый первый пример в документации по модальным окнам как раз для вас https://getbootstrap.com/docs/4.0/components/modal/

$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').trigger('focus')
});

Comments

[AleksMedovnik]

Спасибо, конечно! Но, почему - то, фокусировка срабатывает на доли секунды и пропадает. Модальное окно у меня включается через код:
$(function () {
$("#btn_1").click(function () {
$("#myModal_1").modal('show');
});
});
Я в него вставляю код из примера, получается так:
$(function () {
$("#btn_1").click(function () {
$("#myModal_1").modal('show');
});

$('#myModal_1').on('shown.bs.modal', function () {
$('#btn_1').trigger('focus')
});
});
Или, я что-то не правильно делаю?

[Сергей Герасимов]

Александр Медовник, вы задаёте фокус кнопке, а нужно инпуту.... $('тут инпут').trigger('focus')

А если на долю секунды устанавливается и сбрасывает - значит работает и без дополнительных скриптов, а потом фокус перебрасывается на другой элемент

[AleksMedovnik]

Спасибо огромное! Все получилось!