jQuery .ready in a dynamically inserted iframe

by

I answered a similar question (see Javascript callback when IFRAME is finished loading?).
You can obtain control over the iframe load event with the following code:

function callIframe(url, callback) {
    $(document.body).append('<IFRAME id="myId" ...>');
    $('iframe#myId').attr('src', url);

    $('iframe#myId').load(function() {
        callback(this);
    });
}

In dealing with iframes I found good enough to use load event instead of document ready event.

More Related Contents:

  1. How can I access the contents of an iframe with JavaScript/jQuery?
  2. SecurityError: Blocked a frame with origin from accessing a cross-origin frame
  3. Can I use multiple versions of jQuery on the same page?
  4. how to access iFrame parent page using jquery?
  5. Access elements of parent window from iframe
  6. make iframe height dynamic based on content inside- JQUERY/Javascript
  7. How to check if iframe is loaded or it has a content?
  8. Write elements into a child iframe using Javascript or jQuery
  9. Add click event to iframe
  10. How can I detect whether an iframe is loaded?
  11. jQuery iframe load() event?
  12. Why does appending a to a dynamically created seem to run the script in the parent page?
  13. Attach an event in a child iframe to a handler in the parent window
  14. How to move an iFrame in the DOM without losing its state?
  15. putting html inside an iframe (using javascript)
  16. Detect click event inside iframe
  17. how to block website from loading in iframe?
  18. Nested iframes, AKA Iframe Inception
  19. Change iframe src by clicking a link
  20. Stop all playing iframe videos on click a link javascript
  21. how to resolve iframe cross domain issue [duplicate]
  22. Iframe.readyState does not work in chrome
  23. Insert content into iFrame
  24. How to close an iframe within iframe itself
  25. Trigger a button click inside an iframe [duplicate]
  26. Youtube iframe api not triggering onYouTubeIframeAPIReady
  27. iframe Auto Adjust Height as content changes
  28. Fancybox (jQuery) – Passing information from parent to iframe and iframe back to parent
  29. Iframe inherit from parent
  30. JQuery Modal Boxes and Iframe

Leave a Comment