如何使用 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

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

});

Answer 2

事实证明这是我的元素 ID 的问题。哎呀。