JQuery：焦点textarea后ajax加载

Question

我使用Ajax加载窗体的部分。如何在ajax请求后关注textarea对象？

这是加载的HTML：

<legend>Test</legend> 
<label for="t">This is only a test</label> 
<textarea></textarea> 
<a href="#" class="continue">Continue</a> 

这是JQuery的/ Ajax代码：

$.post(
    'ajax.php', 
    { next:next }, 
    function(data){ 
     $('body').append($(data).hide().fadeIn('slow')); 
    } 
); 

感谢。

Answer 1

使用.focus（）触发的回调，追加HTML后：

$.post(
    'ajax.php', 
    { next:next }, 
    function(data){ 
     $('body').append($(data).hide().fadeIn('slow')); 
     $('textarea').focus(); 
    } 
); 

Answer 2

此文档片断会在你的HTML的“自动对焦”属性，并着重给定的元素。

$('[autofocus]').focus() 

这样，如果在视图中的Ajax加载，它的工作原理，以及如果没有JavaScript和视图没有Ajax加载，你仍然可以得到您的自动对焦。