Come usare jquery dal genitore all'interno di un iframe?

Question

Ho un file, chiamiamolo parent-win.html, servito dal dominio example.com. Questo file include jquery. Un iframe, chiamiamolo iframe-win.html, è incorporato in questa pagina. iframe-win.html ha un elemento modulo con ID form-elem e valore Hello World!. Ora lo seguo all'interno di iframe.

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

Secondo la mia limitata conoscenza di JS dovrei vedere Hello World! su console, ma invece vedo indefinito. Ora, la mia domanda è ho bisogno di caricare jquery di nuovo in un iframe o posso utilizzare l'oggetto jQuery già caricato nella finestra padre?

Si noti che questo non è il solito accesso ai contenuti iframe/genitore da genitore/iframe.

Answer 1

provare questo nel iframe:

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

Answer 2

È necessario caricare jQuery all'interno di iframe.

MODIFICA: Va bene, se il frame non è nello stesso dominio, allora lo non è necessario ricaricare jQuery. Vedere Access jQuery library from iframe

Answer 3

Ecco una soluzione migliore in base alla risposta del Moin:

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

Così possiamo usare 's $ funzioni come $ .get, $ .extends, ecc.