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的第一个元素.如果input元素在div标签内,您还可以编码:

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