UI tabs does not work in iframe where parent instance of jQuery and jQuery UI is used
I'm playing around with using the parent instance of jQuery and jQuery UI from an iframe - trying to avoid loading multiple instances of jQuery and jQuery UI.
In the iframe, I do:
window.jQuery = window.$ = function (selector, context) {
return window.parent.$(selector, context ? context : document);
};
jQuery works fine but jQuery UI such as tabs does not work quite correctly. When you select a tab, it doesn't change panels. I corrected the problem by modifying jquery.ui.tabs.js to change:
1. $('<#id or html element type selector>') to $('<#id or html element type selector>', this.documentOwner)
2. .add(xxxx) to .add(xxx, this.documentOwner)