divがスライドするときの入力フィールドのオートフォーカス

Question

私は隠れたdivです。ボタンをクリックすると、divは入力フィールドで下にスライドします。 divが滑り落ちるとすぐに、この入力フィールドのオートフォーカスをどのようにするのですか？ありがとう。

<input type="text" name="comment_field" id="comment_field" placeholder="Comment..." /> 

は、私が持っているものであると私は上記を使用しようとしたのdiv

$("#status_comments_"+a).slideDown(); 
    $("#comment_field").focus(); 

であるが、それは動作しませんでした。

Answer 1

アニメーションが完了したときに実行されるslideDownのコールバック関数を使用できます。

$("#status_comments_"+a).slideDown(function(){ 
    $("#comment_field").focus(); 
}); 

IDは一意である必要があります。そうでない場合、IDセレクタはその特定のIDを持つ最初の要素のみを選択します。入力要素はdivタグ内にある場合、あなたもできるコード：

$("#status_comments_"+a).slideDown(function(){ 
    $('input', this).focus(); 
}); 

Answer 2

隠しフィールドはフォーカスが得られません。あなたがする必要があるのは、ボタンをクリックして表示することです。

$("#status_comments_"+a).show().slideDown(); 
    $("#comment_field").show().focus(); 

Answer 3

$("#divID").focus(); 

かのjQueryなし：動作しません

document.getElementById('divID').focus(); 

Answer 4

$("#divId").show().focus(); 

document.getElementById('divID').focus();