如何在动画后设置焦点

Question

我想在使用div.focus和animate()滚动到页面顶部后,将焦点设置为id的文本框,让我们说txtName.

是否有一个功能指定在像document.ready之后的document.ready执行动画之后进行聚焦？

我用来滚动的代码如下.

$(".gototop").click(function(){ 
    var focusElement = $("#contents"); 
    $(focusElement).focus(); 
    ScrollToTop(focusElement); 
}); 

function ScrollToTop(el) { 
    $('html, body').animate({ scrollTop: $(el).offset().top - 50 }, 'slow');           
} 

Answer 1

您可以将焦点设置为动画回调中的元素,这样在动画完成时它将获得焦点:

function ScrollToTop(el) { 
    $('html, body').animate({ 
        scrollTop: $(el).offset().top - 50 }, 
    'slow', function() {
        $("#txtName").focus();
    });           
} 

如果el是要聚焦的元素,则可以使用传递的变量而不是#txtName