如何在刚刚出现的元素上使用jQuery设置焦点

Question

我有一个文件就绪块如下:

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

这addTagField是一个常规文本输入,在页面加载时由css设置display:none.

当用户单击addTagLink 元素时,输入字段会正确显示,但焦点不会按预期设置到字段.

我认为它必须与display:none/show()功能有关,因此将其更改$('#addTagField').focus();为另一个$('#name').focus();完美运行的字段.

任何人都可以先建议我为什么看到这个问题,其次,如何解决它？

Answer 1

原来这是我的元素ID的问题.哎呀.

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();

});