Wie verwendet man jquery von Eltern in einem iframe?

Question

Ich habe eine Datei, nennen wir es Parent-Win.html, serviert von der Domain example.com. Diese Datei enthält jquery. Ein Iframe, nennen wir es iframe-win.html, ist in diese Seite eingebettet. iframe-win.html hat ein Formularelement mit der ID form-elem und dem Wert Hello World!. Jetzt folge ich dem Iframe.

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

Nach meiner begrenzten Kenntnis von JS soll ich Hello World! auf der Konsole sehen, sondern ich sehe nicht definiert. Nun, meine Frage ist, muss ich jquery wieder in einem iframe laden oder kann ich jquery-Objekt bereits im übergeordneten Fenster geladen verwenden?

Beachten Sie, dass dies nicht wie üblich Zugriff iframe/Eltern Inhalt von Eltern/Iframe ist.

Answer 1

versuchen, dies in der iframe:

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

Answer 2

Sie müssen jQuery innerhalb der iframe laden.

EDIT: Okay, wenn der Rahmen nicht auf der gleichen Domain ist, dann müssen Sie nicht müssen jQuery neu laden. Siehe Access jQuery library from iframe

Answer 3

Hier ist eine bessere Lösung auf die Antwort des Moin basiert:

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

So können wir $ 's-Funktionen wie $ .get verwenden, $ .Extends usw.