Quali sono alcuni motivi per cui jquery .focus() non funziona?

Question

Alcuni pensieri sono che ELEMENT_ID.focus() è all'interno di div che sono nascosti in determinati momenti.

Questo dovrebbe essere un problema facile da risolvere - ma sto lottando :(

*** codice funziona bene -. Il campo di testo non viene focalizzata su su caricamento della pagina fino

STEP1 [Risolto] 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" /> 

[STEP2] 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> 

Perché non si attiva più 2 di lavoro? :(

Answer 1

devi o inserire il codice qui sotto il codice HTML o il carico se si utilizza l'evento di caricamento del documento:.

<input type="text" id="goal-input" name="goal" /> 
<script type="text/javascript"> 
$(function(){ 
    $("#goal-input").focus(); 
}); 
</script> 

Aggiornamento:

Il cambio di divisione non attiva l'evento di caricamento del documento poiché tutto è già stato caricato. È necessario mettere a fuoco quando si passa div:

if (goal) { 
     step1.fadeOut('fast', function() { 
      step1.hide(); 
      step2.fadeIn('fast', function() { 
       $("#name").focus(); 
      }); 
     }); 
} 

Answer 2

provare qualcosa di simile quando si sta applicando a fuoco in questo modo, se l'elemento è nascosto, non genera un errore:

$("#elementid").filter(':visible').focus(); 

Potrebbe avere più senso per rendere l'elemento visibile, anche se che richiederà il codice specifico per il layout

Answer 3

Non dimenticate che un campo di input deve essere visibile prima, da allora in poi si è in grado di concentrarsi esso.

$("#elementid").show(); 
$("#elementid input[type=text]").focus(); 

Answer 4

Ho riscontrato problemi nell'attivare l'attivazione di un elemento (un input di modulo) che stava passando alla pagina. Ho trovato che è stato risolvibile invocando l'evento di messa a fuoco da all'interno di un setTimeout senza alcun ritardo su di esso. A quanto ho capito (da, ad esempio, this answer), questo ritarda la funzione fino al termine della coda di esecuzione corrente, quindi in questo caso ritarda l'evento di messa a fuoco fino al completamento della transizione.

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

Answer 5

ho scoperto che focus non funziona quando si cerca di ottenere un focus su un elemento di testo (ad esempio un avviso div), ma funziona quando concentrandosi sui campi di input.