Jak używać jquery od rodzica wewnątrz elementu iframe?

Question

Mam plik, nazwijmy go parent-win.html, obsługiwany przez domenę example.com. Ten plik zawiera jquery. Element iframe, nazwijmy go iframe-win.html, jest osadzony na tej stronie. iframe-win.html ma element formularza o identyfikatorze form-elem i wartości Hello World!. Teraz wykonuję wewnątrz iframe.

var jQuery = parent.jQuery; 
console.log(jQuery('#form-elem').val()); 

Według mojej ograniczonej wiedzy JS powinien widzę Hello World! na konsoli lecz widzę niezdefiniowane. Teraz moje pytanie brzmi: czy muszę ponownie załadować jquery w elemencie iframe, czy mogę użyć obiektu jquery już załadowanego w oknie nadrzędnym?

Należy zauważyć, że nie jest to zwykły dostęp do elementu iframe/parent z elementu nadrzędnego/elementu iframe.

Answer 1

spróbować tego w iframe:

if (typeof(jQuery) == "undefined") { 
    var iframeBody = document.getElementsByTagName("body")[0]; 
    var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); }; 
    var $ = jQuery; 
} 

Answer 2

Musisz załadować jQuery wewnątrz iframe.

EDYCJA: Okay, jeśli ramka nie znajduje się w tej samej domenie, musisz , a nie trzeba ponownie załadować jQuery. Zobacz Access jQuery library from iframe

Answer 3

Oto lepsze rozwiązanie w oparciu o odpowiedzi na moin za:

if (typeof(jQuery) == "undefined") { 
    window.jQuery = function (selector) { return parent.jQuery(selector, document); }; 
    jQuery = parent.$.extend(jQuery, parent.$); 
    window.$ = jQuery; 
} 

Więc możemy użyć $ 's funkcje jak $ .get, $ .extends, itp.