$ n'est pas défini dans iFrame

J'ai une page avec un iframe. mon iframe page est iframe.php et ma page principale est main.php lorsque je charge iframe.php directement mon jquery code s'exécute bien, mais quand je charge main.php (qui contient iframe.php comme un iframe) j'obtiens une erreur "$ n'est pas défini".

- ce que cela pourrait être parce que les deux main.php et iframe.php utilisation

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

si oui, comment puis-je utiliser jquery dans l'iframe page sans y compris cette ligne?

source d'informationauteur Devin Crossman

  1. 15

    J'ai tout compris. Dans l'iFrame, j'ai utilisé 

    var $ = parent.$;

    ainsi que de donner toute jquery appelle le document pour le contexte. ie 

    $("#element", document).doStuff();

    C'est bizarre, parce que d'une façon originale, je l'ai eu (avec jquery inclus dans les deux pages) a bien fonctionné dans Safari pour Mac, mais sous Firefox il m'a donné l'erreur

    Erreur: c.defaultView.getComputedStyle(h, null) null Fichier Source: http://code.jquery.com/jquery-latest.pack.js Ligne: 16

  2. 3

    J'ai été chargement iframe dans une page web et j'ai pu trouver $ objet à l'aide de

    var $ = parent.$;

    mais ce n'était pas effectuer de sélection sur les éléments de l'iFrame. Retrouve ci-dessous le code à exécuter sélecteur sur l'iFrame corps

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

    En quelque sorte l'objet document a également été undefined.

    Source de code ci-dessus: https://gist.github.com/843229

    Espère que cela aide quelqu'un.

  3. 2

    Mauvaise nouvelle, vous ne pouvez pas utiliser Jquery, sauf si c'est dans le document. Donc, tu vas avoir à le charger indépendamment.

    Il n'y a vraiment pas de mal à y compris le jquery appel dans les deux documents. J'ai plusieurs clients qui iFrame une partie de mon entreprise est d'application pour l'automatisation du marketing (qui a inclus) et ont également Jquery inclus dans leur document parent, et il fonctionne très bien avec pas de conflits. À partir d'un point de vue charge, en supposant que vous avez configuré correctement, le hit sera négligeable en raison de la mise en cache. Donc, inclure loin.

    Règle de pouce sur iFrames...pensez à eux comme à des pages séparées à l'intérieur de votre page. Oui, dans certains cas, les choses report, mais le document d'origine modèle empêche choses comme le CSS d'un croisement entre le parent et l'enfant.

  4. 0

    Mise à niveau vers une nouvelle version de f.e. https://code.jquery.com/jquery-2.1.3.min.js