Code is not working with dynamically added element

Question

I am using following code

$(document).ready(function() {
    $(".text_message").autosize();
}

for autosizing the text box. My problem is this is not working for dynamically added text boxes. How to resolve this?

autosize.update seems to be the way to do it looking at the docs — atmd
– atmd, Commented Feb 27, 2015 at 11:02
Can you show the code how are you adding that .text_message to the DOM? You can do it after adding the new object, but I can't answer without seeing the code. — Zoran P.
– Zoran P., Commented Feb 27, 2015 at 11:04
You need to initialize the plugin for those dynamic elements after they are created — Arun P Johny
– Arun P Johny, Commented Feb 27, 2015 at 11:04

Community · Accepted Answer · 2017-05-23 11:43:33Z

1

Because the script runs on $(document).ready it will only work for elements that exist when your page loads.

You need to use something like the on method on the parent so that elements added after are also affected.

CommunityBot

11 silver badge

answered Feb 27, 2015 at 11:10

4,55815 gold badges61 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

srinath madusanka · Accepted Answer · 2015-02-27 11:47:28Z

0

try

$( document ).ajaxComplete(function() {
   $(".text_message").autosize();
});

answered Feb 27, 2015 at 11:47

srinath madusanka

5927 silver badges20 bronze badges