如何在 jQuery 动画完成后使文本区域聚焦？

Question

我的脚本中有一个 jQuery 插件，它显示和隐藏 html 中的任何元素，它是从 here 下载的

所以在我的脚本中，它显示和隐藏了一个 div，如下所示：

<div class="show" rel="#hild<?php echo $r[id]; ?>">
   <button class="action">
        Respond with a new comment
   </button>
</div>

点击该按钮后，显示如下div：

 <div id="hild<?php echo $r[id]; ?>" style="display:none;">
    <form method="post" name="form">
       <textarea rows="5" cols="35" name="texttcons" id="texttcons"></textarea>
    </form>
 </div>

所以，我的问题是，当我单击该按钮以显示另一个 div 时，需要在动画完成后将 textarea 聚焦。

请告诉我解决方法。

Answer 1

你可以使用trigger()：

$('#hild textarea').trigger('focus')

您可以使用slideToggle() 方法代替该插件：

通过滑动显示或隐藏匹配的元素。

$('.show').click(function(){
   var id = $(this).attr('rel')
   $(id).slideToggle('slow', function(){
       $(id).find('textarea').trigger('focus')
   })
})