автофокус на входе в bootstrap modal

Question

Я использую bootstrap 3 для создания модального окна. Я хочу иметь его autofocus на участке input. Я пытался с jQuery, но я не знаю, в чем проблема?

JavaScript:

$('#click').click(function() { 
    $('input').focus() 
}); 

Вот demo on JSFiddle

Answer 1

Я обновил ваш JSFiddle. При использовании модального окна бутстрапа есть число custom events, которое вы можете использовать. один из них - shown.bs.modal, который запускается после полного отображения модальности (и ваше поле ввода является настраиваемым). Помните, что событие будет запущено на модальном, а не на любом открытом модальном.

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

Answer 2

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

$('#click').click(function() { 
    setTimeout(function(){ 
    $('input').focus() 
    },500); 
});