Как установить фокус с помощью jQuery на элемент, который только что появился

Question

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

$(document).ready(function () {
    $('#addTagLink').click(function () {
        $('#addTagField').show();
        $('#addTagField').val("");
        $('#addTagField').focus();
    });
});

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

Когда пользователь нажимает на элемент addTagLink, поле ввода отображается правильно, но фокус не устанавливается на поле, как предполагалось.

Я подумал, что это должно быть как-то связано сфункция display: none / show (), поэтому изменил $('#addTagField').focus(); на другое поле $('#name').focus();, которое работало идеально.

Может кто-нибудь подсказать, во-первых, почему я вижу эту проблему, а во-вторых, как ее исправить?

Answer 1

Оказывается, это была проблема с моими идентификаторами элементов. К сожалению.

Answer 2

// Variable to store element
var btn = document.querySelector( ".btn-primary");

// Click Event
$(btn).click(function() {

  // Jquery to define which element will get focus
  $(".form-control").focus();

});