Make function wait until element exists

by

If you have access to the code that creates the canvas – simply call the function right there after the canvas is created.

If you have no access to that code (eg. If it is a 3rd party code such as google maps) then what you could do is test for the existence in an interval:

var checkExist = setInterval(function() {
   if ($('#the-canvas').length) {
      console.log("Exists!");
      clearInterval(checkExist);
   }
}, 100); // check every 100ms

But note – many times 3rd party code has an option to activate your code (by callback or event triggering) when it finishes to load. That may be where you can put your function. The interval solution is really a bad solution and should be used only if nothing else works.

More Related Contents:

  1. Passing parameters to a JQuery function
  2. .val() don't edit input
  3. Write tags in HTML and print
  4. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  5. jQuery Data vs Attr?
  6. jQuery ID selector works only for the first element
  7. Get class list for element with jQuery
  8. How to disable HTML links
  9. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  10. How to do a Jquery Callback after form submit?
  11. Animate element to auto height with jQuery
  12. How to style “input file” with CSS3 / Javascript? [duplicate]
  13. Limit number of lines in textarea and Display line count using jQuery
  14. How to get nth-child selector to skip hidden divs [duplicate]
  15. How to load images dynamically (or lazily) when users scrolls them into view
  16. :touch CSS pseudo-class or something similar?
  17. Multiple Select limit number of selection
  18. Search and Highlight in jQuery
  19. Is it possible to add html inside a title attribute?
  20. How do I detect the inherited background-color of an element using jQuery/JS?
  21. how to use jQuery ajax calls with node.js
  22. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  23. Rotate div text after clicking on button using jquery and css
  24. How to properly unload/destroy a VIDEO element
  25. How to hide optgroup/option elements?
  26. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  27. Hot to get incomplete datetime-local input values
  28. Do duplicate ID values screw up jQuery selectors?
  29. Html duplicated ID
  30. Can you have multiple lines in an element?

Leave a Comment