AJAX関数の後でJQuery AutoGrowプラグインが無効になる

Question

jQuery自動拡張プラグインは、内容に合わせてテキストエリアを拡張します。機能は次のとおりです。

(function($) { 
    /* 
    * Auto-growing textareas; technique ripped from Facebook 
    */ 
    $.fn.autogrow = function(options) { 

     this.filter('textarea').each(function() { 

      var $this  = $(this), 
       minHeight = $this.height(), 
       lineHeight = $this.css('lineHeight'); 

      var shadow = $('<div></div>').css({ 
       position: 'absolute', 
       top:  -10000, 
       left:  -10000, 
       width:  $(this).width(), 
       fontSize: $this.css('fontSize'), 
       fontFamily: $this.css('fontFamily'), 
       lineHeight: $this.css('lineHeight'), 
       resize:  'none' 
      }).appendTo(document.body); 

      var update = function() { 

       var val = this.value.replace(/</g, '&lt;') 
            .replace(/>/g, '&gt;') 
            .replace(/&/g, '&amp;') 
            .replace(/\n/g, '<br/>'); 

       shadow.html(val); 
       $(this).css('height', Math.max(shadow.height() + 20, minHeight)); 
      } 

      $(this).change(update).keyup(update).keydown(update); 

      update.apply(this); 

     }); 

     return this; 

    } 

})(jQuery); 

次に、$('textarea').autogrow();がトリガされます。 JQueryのロード関数の後に、新しいテキストエリアにロードします。私はこれを引き起こした。

$('.commentslogic').load(window.location.href + ' .commentslogic .inner', function(){ 
$('textarea').autogrow(); 
}); 

ただし、新しいテキストエリアには適用されません。さらに、FireBugにはエラーは報告されていません。助けて！

フィドルディー・ディー・フィドルディーhttp://jsfiddle.net/JTmND/8/

Answer 1

としてはコメントで考え出しDUM、このバイオリンは解決策である：新しいテキストエリアがDOMに追加されているかは問題ではありませんhttp://jsfiddle.net/JTmND/11/

$(document).ready(function() { 
    $('textarea').autogrow(); 

    $('.button').click(function() { 
     $('.test').html('<textarea></textarea>'); 
     $('.test').find('textarea').autogrow(); 
    }); 
}); 

（手動またはajaxコールバックメソッド）、jqueryセレクタを使用して自動拡張機能を割り当てる必要があります。