动画后焦点

Question

我正在尝试使用以下方法在动画效果后聚焦textarea：

$("#textarea").live("click",function(){
        if ($(this).attr("class") != "textarea_clicked") {
            $(this).val("");            
            $(this).animate({
                height: "+=30"
            }, 150, function(){
                $(this).attr("class", "textarea_clicked");
                $(this).elastic();
                $(this).focus();                
            });

        }
    })

但它不起作用。

我该怎么做？

感谢

Answer 1

试试这个：

$("#textarea").live("click",function(){
        if ($(this).attr("class") != "textarea_clicked") {
            $(this).val("");            
            $(this).animate({
                height: "+=30"
            }, 150, function(){
                $(this).attr("class", "textarea_clicked");
                $(this).elastic();
            });

            $(this).focus();
        }
    })

Answer 2

我知道这是一个老问题，但为了完整起见，这里有一个代码可以做你想要的：

 $("#textarea").on("click",function(){
    if (!$(this).hasClass(textarea_clicked)) {
        $(this).val("");            
        $(this).animate({
            height: "+=30"
        }, 150, function(){
            $(this).addClass("textarea_clicked");
            $(this).elastic();
            $(this).focus();                
        });
    }

}）;