Tuesday, May 17, 2016

jQuery: DOM Element not loaded even when using $(document).ready()

DOM Element may not be loaded yet due to an external library being used, or the page loading time is taking too long. 

I'm not a big fan of timeouts, but if you have a better solution, please let me know.


Solution:
Check if the element is loaded, if not, set a timeout to load the element.


<script> jQuery(document).ready(getUsers); function getUsers() { var elm = jQuery(".leftPanel").find("#rowheader0"); if (elm[0]) { alert(jQuery(".leftPanel").find("#rowheader0").text()); } else { // Wait a bit longer setTimeout(getUsers, 50); } } </script>

No comments:

Post a Comment