Home/ Questions/Q 672477
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T00:29:22+00:00

I am implementing a tree browser in HTML. On clicking a node, I call

  • 0

I am implementing a tree browser in HTML. On clicking a node, I call a function that adds the node’s child elements. So far so good. I now want to immediately invoke the click handler of one of the child elements to expand that too. My problem is that jQuery can’t find the child elements that have just been added. When I step through in the debugger, my code to find the elements is being invoked before the new elements get rendered by the browser, which I’m guessing is the problem.

Is there some event I can wait for (similar to onload maybe) that marks when the newly added HTML is visible? Or a method I can call to force the rendering to take place earlier? Any suggestions would be welcome.

Note: I have since realised that the problem was entirely my fault, not the browser’s or jQuery’s. Please see my answer below.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I got round the problem eventually by using setTimeout() to delay my code until the new elements had been rendered. Not an ideal solution though, as the timeout period I’ve chosen is fairly arbitrary.

    I have got to the bottom of it. The function I was calling that added the HTML was doing it asynchronously via a callback. So when I was trying to find the new HTML elements, they really weren’t there yet. I have now altered my code so the callback is also responsible for processing the newly added elements, so guaranteeing that they’ll be present.

    • 0