How can I tell when changes to jquery html() have finished ?

Posted by mike_t2e on Stack Overflow See other posts from Stack Overflow or by mike_t2e
Published on 2010-04-03T02:45:43Z Indexed on 2010/04/03 2:53 UTC
Read the original article Hit count: 247

Filed under:
|
|

I'm using jQuery to change the HTML of a tag, and the new HTML can be a very long string.

$("#divToChange").html(newHTML);

I then want to select elements created in the new HTML, but if I put the code immediately following the above line it seems to create a race condition with a long string where the changes that html() is making may not necessarily be finished rendering. In that case, trying to select the new elements won't always work.

What I want to know is, is there an event fired or some other way of being notified when changes to html() have finished rendering ? I came across the jQuery watch plugin, which works alright as workaround but it's not ideal. Is there a better way ?

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about JavaScript