jquery - jquery .focus() 不工作的原因有哪些？

Question

一些想法是 ELEMENT_ID.focus() 位于在某些时间隐藏的 div 内部。

这应该是一个很容易解决的问题 - 但我正在努力:(

***代码工作正常——页面加载时文本字段没有被聚焦。

第 1 步 [已解决]JavaScript:

$("#goal-input").focus();

$('#goal-input').keypress(function(event){
 var keycode = (event.keyCode ? event.keyCode : event.which);
  if(keycode == '13') {
etc, etc, etc
}

HTML

<input type="text" id="goal-input" name="goal" />

[第 2 步]JavaScript:

 if (goal) {
          step1.fadeOut('fast', function() {
          step1.hide();
          step2.fadeIn('fast');

etc, etc

HTML:

  <div id="step-2">
        <div class="notifications">
        </div>
        <input type="text" id="name"   name="name" placeholder="Name" />
               <script type="text/javascript">
              $(function(){
              $("#name").focus();
              });
            </script>

为什么步骤 2 不起作用？ :(

Answer 1

我在触发焦点转换到页面的元素(表单输入)时遇到问题。我发现可以通过从 setTimeout 内部调用 focus 事件来解决这个问题，没有任何延迟。据我了解(例如 this answer )，这会延迟函数直到当前执行队列完成，因此在这种情况下它会延迟焦点事件直到转换完成。

setTimeout(function(){
    $('#goal-input').focus();
});