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加載，你仍然可以得到您的自動對焦。