Home/ Questions/Q 6082451
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T11:17:26+00:00

A key screen in my application involves a HTML page with several iframe s

  • 0

A key screen in my application involves a HTML page with several iframes performing various functions. All of these will need access to jQuery. In the interest of speeding up loading time, and reducing HTTP traffic (though I know caching could help with this), it would be good if the jQuery code itself were loaded only once. If my page is like so

<html>
   <head>
      <script src="jquery-1.5.js" type="text/javascript"></script>
   </head>
      <body>
         <iframe src="other.html"></iframe>
         <div id="foo"> ... stuff here ... </div>
      </body>
</html>

Then inside other I can refer to parent.$('#foo') but that will refer to the parent’s “foo” element, not the child’s. Is there a way to use the parent’s “instance” of jQuery on the child document or elements in it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Have you tried:

    var $ = window.parent.$;
$('#foo'); // parent's frame's #foo, is the same as "window.parent.$('#foo');"

    and:

    var $ = window.parent.$;
$('#foo', document); // this frame's #foo because the current document is given as context
    • 0