jquery - 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();
});