Comment utiliser jquery du parent dans un iframe?

J'ai un fichier, nous allons l'appeler parent-win.html servi par domaine example.com. Ce fichier a jquery inclus. Un iframe, permet de l'appeler iframe-win.html, qui est intégrée dans cette page. iframe-win.html a un élément de formulaire avec l'id form-elem et la valeur Hello World!. Maintenant, je fais suite à l'intérieur de l'iframe.

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

Selon mes maigres connaissances en JS je devrais voir Hello World! sur console, mais à la place je vois pas défini. Maintenant, ma question est ai-je besoin de charger jquery à nouveau dans une iframe ou puis-je utiliser jquery objet est déjà chargé dans la fenêtre parent?

Ne remarque que ce n'est pas comme d'habitude, l'accès iframe/contenu parent du parent/iframe.

source d'informationauteur Kumar

  1. 23

    essayez ceci dans l'iframe:

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

    Ici est une meilleure solution basée sur le Moin de réponse:

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

    Nous pouvons donc utiliser $'s, comme les fonctions $.obtenez de dollars.s'étend, etc.

  3. 1

    Vous avez besoin de charger jQuery à l'intérieur de la iframe.

    EDIT: Bon, si le cadre n'est pas sur le même domaine, alors vous ne pas rechargement de jQuery. Voir Accès à la bibliothèque de jQuery à partir d'une iframe