Javascript Girl
  1. Javascript Girl
  3. Quand le succès d'AJAX est-il déclenché?
Intereting Posts
Comment puis-je analyser String to Int dans une expression angulaire? Est-ce que les objets javascript dans une matrice sont effacés de la mémoire lorsque je supprime le tableau? TinyMCE et Firefox 11 Comment afficher / masquer les composants ReactJS Comment empêcher une page PHP d'accéder directement? Comment vérifier Javascript si un élément est contenu dans un autre Communication latérale en polymère Comment trier par date (nouvelle) avec l'isotope jquery Exploiter la méthode eval () de JavaScript Supprimer l'option en sélection Comment mettre à jour l'élément dans la liste avec ImmutableJS? Qu'est-ce que jasmine fonctionne et attend quoi? Gridx / Dojo & jQuery: Existe-t-il un rappel lorsque le tri est terminé? Le mot-clé "nouveau" de JavaScript est-il considéré comme nuisible? Comment vérifier si le navigateur prend en charge HTML5?

Quand le succès d'AJAX est-il déclenché?

Je souhaite charger un document HTML par AJAX, mais je veux le montrer lorsque toutes les images de ce document sont saturées. 

$('.about').click(function () { $(".back").load('Tour.html', function () { $(".back").show(); }); });

".back" devrait être visible lorsque toutes les images dans Tour.html sont chargées, quand est déclenché un événement de réussite ?? 

 $(".back").load('Tour.html', function (html) { var $imgs = $(html).find('img'); var len = $imgs.length, loaded = 0; $imgs.one('load', function() { loaded++; if (loaded == len) { $(".back").show(); } }) .each(function () { if (this.complete) { $(this).trigger('load'); }); });

Cela nécessite au moins un <img> dans le html renvoyé.

Ce que je suggère, c'est d'utiliser un iframe à la place. Voici un exemple de code en JavaScript simple: 

 var ifr=document.createElement("iframe"); ifr.style.display="none"; document.body.appendChild(ifr); ifr.onload=function() { // Do what you want with Tour.html loaded in the iframe }; ifr.src="Tour.html";

ImagesLoaded est ce que vous recherchez.

Placez tout le code (demande ajax dans ce cas), lorsque les images spécifiées sont chargées.

Le plugin spécifie pourquoi vous ne pouvez pas utiliser load() sur les images en cache