Le déclenchement d'un événement jQuery à partir d'une iframe

Voici le scénario, j'ai des évènements qui se produisent dans une iframe et jusqu'à maintenant tout va bien. Je viens de tomber sur le problème lorsque je veux envoyer une manifestation de l'iframe à la société mère.

Je suis en utilisant ce pour déclencher l'événement de l'iframe:

$('body', window.parent.document).trigger('eventName');
//and I've also tried
$(window.parent.document).find('body').trigger('eventName');

Et puis, dans la page parent j'ai écoute l'événement comme ceci:

$('body').bind('eventName', myFunction)

Je sais que le script arrive à la détente, car j'ai collé une console.log avant et après le déclenchement. L'iframe est sur le même domaine, donc il n'y a pas de problème.

Je peux appeler une fonction sur la page parent directement comme ceci: window.parent.functionName mais je me demandais si cela est possible en utilisant l'aide d'un événement en fonction de la solution.

Résolu

@cwolves réponse est génial de travailler:

parent.$('body').trigger( 'eventName' );
InformationsquelleAutor locrizak | 2011-07-14
  1. 23

    Si vous avez jQuery est chargé dans le cadre parent, essayez:

    parent.$('body').trigger( 'eventName' );

    Si pas, essayez ceci, je ne suis pas sûr si cela va fonctionner, mais j'ai juste regardé le jQuery source et pense qu'il peut:

    var pBody = $( parent.document.body );
pBody.trigger( 'eventName', pBody.data() );

    (Et faire la même chose lors de la liaison eventName)
    Le problème, pour autant que je peux dire, c'est que jQuery est en utilisant les données de la page locale, qui est à l'origine des problèmes, car on dirait qu'il essaie de charger des données à partir de l'autre cadre. En d'autres termes, c'est un gâchis, mais il y a data params accepté dans .bind, .trigger, etc.

    • Pas de chance. La première n'est pas défini. Déclencheur a un deuxième paramètre, mais il est de données que vous souhaitez passer à la limite de la fonction. L'événement est de ne jamais atteindre la limite de rappel d'événement par conséquent, il ne va rien faire dans cette situation (je l'ai fait essayer et l'événement est de ne jamais être entendu)
    • Désolé - première ne devriez pas avoir de document".corps" en elle. Édité.
    • Grand la parent.$('body').trigger('eventName') fonctionne très bien. Merci beaucoup!
    InformationsquelleAutor Mark Kahn
  2. 1

    Essayez ceci dans l'iframe code js

    var parentWin = $( window.parent.document.body );
jQuery.event.trigger('eventName', parentWin.data(), parentWin );
    • Cela n'a pas fonctionné. @cwolves première partie de sa réponse œuvres. Merci
    InformationsquelleAutor ShankarSangoli
  3. -2

    Ce sera donc le code qui vit dans votre iFrame:

    $('#myElem').click(function() {

    window.parent.success_msg();

});

    Et ce code doit être dans la fenêtre parente:

    window.success_msg = function() {

    //Your code goes here

};

    Vous devez également être en cours d'exécution ceci sur un serveur, soit localhost ou hébergé.

    • Comment est-ce différent que le dernier paragraphe de la question, I can call a function on the parent page directly like this: window.parent.functionName but I was wondering if this is possible with using using an event based solution.
    • JE NE PEUX PAS LIRE!!! Désolé que j'ai manqué. 🙂
    InformationsquelleAutor Seth