How to call a function after a div is ready?

by

You can use recursion here to do this. For example:

jQuery(document).ready(checkContainer);

function checkContainer () {
  if ($('#divIDer').is(':visible')) { //if the container is visible on the page
    createGrid(); //Adds a grid to the html
  } else {
    setTimeout(checkContainer, 50); //wait 50 ms, then try again
  }
}

Basically, this function will check to make sure that the element exists and is visible. If it is, it will run your createGrid() function. If not, it will wait 50ms and try again.

Note:: Ideally, you would just use the callback function of your AJAX call to know when the container was appended, but this is a brute force, standalone approach. 🙂

More Related Contents:

  1. Write tags in HTML and print
  2. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  3. jQuery Data vs Attr?
  4. jQuery ID selector works only for the first element
  5. Get class list for element with jQuery
  6. How to disable HTML links
  7. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  8. How to do a Jquery Callback after form submit?
  9. Animate element to auto height with jQuery
  10. How to style “input file” with CSS3 / Javascript? [duplicate]
  11. Limit number of lines in textarea and Display line count using jQuery
  12. How to get nth-child selector to skip hidden divs [duplicate]
  13. How to auto-scroll to end of div when data is added? [duplicate]
  14. Value was evaluated just now with console.log on JavaScript object
  15. How to keep the menu state on page reload
  16. Javascript Code works in jsfiddle and but not in the Browser [closed]
  17. HTML5 responsive canvas: resizing the browser canvas draw disappear
  18. Get value of a custom attribute
  19. jQuery Popup Bubble/Tooltip [closed]
  20. How do I make a div full screen?
  21. How to replace numbers in body to Persian numbers?
  22. Convert JavaScript variable value to csv file
  23. Returning value from confirmation dialog using JQuery UI dialog
  24. refresh div with jquery
  25. focus on next tabindex of HTML element onEnter keypress by JQuery
  26. Jquery change text between two elements
  27. Remove everything within script and style tags
  28. Possible to reverse a css animation on class removal?
  29. How can I calculate the difference between two times that are in 24 hour format?
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment