jquery js import to iframe

Question

I have a page that uses jquery ui's tabs. Each tab content is an iframe with a local page in it. These local pages have been importing their own jquery.js when their parent also have jquery.js imported.

Is there any way i can use the parents jquery inside the iframes, so I dont have to add jquery.js to every single page inside the iframe?

I know parent.$ may work, but I dont want to call parent on every function. Can i instantiate the jquery object from the parent?

Answer 1

Try var $ = parent.$, or something along those lines, at the beginning of your javascript.