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, Feb 27 '15 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., Feb 27 '15 at 11:04
You need to initialize the plugin for those dynamic elements after they are created — Arun P Johny, Feb 27 '15 at 11:04

score 1 · Answer 1 · edited May 23 '17 at 11:43

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.

edited May 23 '17 at 11:43

Community

answered Feb 27 '15 at 11:10

score 0 · Answer 2 · answered Feb 27 '15 at 11:47

0

try

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

answered Feb 27 '15 at 11:47

srinath madusanka

2 Answers2