Automatische Erhöhung TextArea- Größe

Question

Ich habe folgende Funktion autoheight() in jquery, die automatisch die textbox nach dem Eingabetext uns vergrößert,

$(function(){ 

    $(".form-textarea").autoheight(); 

    }); 

Mein Problem ist, wenn ich die Seite mit jquery & ajax nachladen, stoppt die Funktion Arbeits und das Textfeld beendet, die Größe entsprechend dem Textinhalt zu erhöhen. Ich meine, es hängt mit der Delegierung von Ereignissen zusammen, kann jemand eine Lösung dafür finden?

Funktionsweise HTML-Codierung von Textbereich

<textarea style="overflow: hidden; height: 26.234px;" name="comment" class="form-textarea"></textarea> 

Textbereich geladen durch jquery/nicht funktionierende

<textarea name="comment" class="form-textarea"></textarea> 

Hinweis - es funktioniert gut, wenn wir die Seite durch Browser aktualisieren .

Answer 1

Überschreiben Sie tatsächlich das betroffene Element textarea während Ihres AJAX-Anrufs?

Wenn das der Fall ist, müssen Sie explizit in dem erfolgreichen Rückruf Ihres AJAX-Aufruf die autoheight() Funktion auf das neue Element nennen (als älteres wurde ersetzt und ist nicht mehr in dem DOM und Ihre Funktion doesn‘ Ich kenne das neue Element).

$.ajax({ 
     url: 'your-target-here', 
    success: function(){ 
       // Update your content here (or that may already be done) 

       // Reregister your autoheight function 
       $(".form-textarea").autoheight(); 
      } 
});