¿Cómo usar jquery desde el padre dentro de un iframe?

Question

Tengo un archivo, vamos a llamarlo parent-win.html, servido por domain example.com. Este archivo tiene jquery incluido en él. Un iframe, vamos a llamarlo iframe-win.html, está incrustado en esta página. iframe-win.html tiene un elemento de formulario con id form-elem y valor Hello World!. Ahora lo hago siguiendo dentro de iframe.

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

Según mi conocimiento limitado de JS debería ver Hello World! en la consola, pero en lugar de eso ver indefinido. Ahora, mi pregunta es ¿necesito cargar jquery nuevamente en un iframe o puedo utilizar el objeto jquery ya cargado en la ventana principal?

Tenga en cuenta que este no es el acceso habitual al contenido de iframe/principal de parent/iframe.

Answer 1

probar esto en el marco flotante:

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

Answer 2

Necesita cargar jQuery dentro del iframe.

EDITAR: Bien, si el marco no está en el mismo dominio, entonces usted no tiene que volver a cargar jQuery. Ver Access jQuery library from iframe

Answer 3

Aquí es una mejor solución basada en la respuesta de la Moin:

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

así que podemos usar $ 's funciones como $ .get, $ .extendido, etc.