Dynamique iframe onload pas de tir?

Je figure ceci est possible car il y a une tonne de questions similaires (qui ont été résolu), mais aucune ne semble traiter de créer dynamiquement des iframes.

Fondamentalement, je suis en utilisant jquery pour créer un temp iframe pour charger les fichiers (à partir d'un chemin d'accès au fichier, desservis par un appel ajax) pour ensuite ouvrir un fichier à l'invite de téléchargement.

Tout fonctionne, mais pour garder mon DOM à partir remplie par un groupe de cadres iframe, je voudrais que les iframes être retiré une fois que le fichier est téléchargé.

Mon iframe code de création:

$('<iframe class="downloadIFrame" src="'+data['url']+'"></iframe>').appendTo('body');

Et le code de la détruire (dans le "prêt" de jquery rappel d'événement):

$('.downloadIFrame').live('load', function() { alert('loaded');$(this).remove(); });

Je n'ai pas l'alerte que l'iframe a été chargé, de sorte qu'il n'est pas appelé. Aucune idée?

  • où est le deuxième extrait de code situé? il doit être avant le premier extrait et/ou à l'extérieur de l' .prêt gestionnaire d'événements.
  • la création de l'iframe est une fonction à l'extérieur de l' .prêt qui est appelée à partir d'un gestionnaire onclick.
InformationsquelleAutor Gazillion | 2011-09-02
  1. 2

    live travaux sur le mécanisme de remontée d'événements où que iframe load événement n'est pas une action de l'utilisateur déclenchée. Si vous ne pouvez pas utiliser live pour gérer la iframe charge de l'événement.

    Aussi avant de définir la src de l'iframe, vous devez connecter le iframe load gestionnaire d'événement. C'est pour éviter le cas lors de l'iframe est chargé avant l'événement de chargement est jointe.

    Essayer cette

    $('<iframe class="downloadIFrame"></iframe>')
.appendTo('body')
.load(function(){
   $(this).remove();
}).attr("src", data['url']);
    • Merci, comme je l'ai mentionné sur margusholland réponse, je pense que la raison pour laquelle il n'est pas le déclenchement de la onLoad est parce que le type de fichier en cours de chargement dans l'iframe n'est pas du texte. Le message d'alerte apparaît lorsque je télécharge les fichiers txt ou html mais png échouer. De retour à la planche à dessin 🙂
    • Hé je suis en désaccord avec votre deuxième déclaration. À la différence des images, des iFrames seulement quand ils sont attachés à la DOM.
    InformationsquelleAutor ShankarSangoli
  2. 1

    N'utilisez pas de vivre à l'écoute.

    $('<iframe class="downloadIFrame" src="http://www.google.com/"></iframe>').appendTo('body');
$('.downloadIFrame').load(function() { alert('loaded');$(this).remove(); });

    Fonctionne très bien pour moi dans Webkit.

    • Voir j'ai pensé parce que j'étais en train de créer mon iframes dynamiquement que j'aurais à le faire vivre. Cela ne fonctionne toujours pas mais j'ai le sentiment qu'il devrait donc je suppose que c'est parce que l'en-tête de réponse n'est pas text/html, mais d'autres choses aussi. Je charge des fichiers pdf et png et de ce fait il encore du travail si vous essayez de charger un fichier qui n'est pas de l'html?
    InformationsquelleAutor margusholland
  3. 0

    Je voudrais essayer de mettre l'alerte code dans les dom de l'iframe que vous avez créé vous - il a son propre dom, donc sa propre hiérarchie d'événements etc.

    Penser comme un tout distinct de la page.

    • L'iframe est utilisé pour ouvrir les fichiers que je suis en train de télécharger (puisque les fichiers sont servis à partir d'un serveur externe). Donc, fondamentalement, l'iframe ne contient pas une page web donc je ne peux pas le mettre là.
    InformationsquelleAutor JSager